[ 登录注册 ]

yuyan

AngularJS的简单使用

2016-11-17 10:37:29 admin 返回上一页

标签:

官网下载:AngularJS

路由视图需要:Angular-Route.js

基于zepto的轻量级的 JavaScript UI 库: App.js  用于开发跨平台的移动Web应用

<!DOCTYPE html>
<html ng-app=‘mainApp‘>

<head>

<title>简单AngularJS使用</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scalable=1" name="viewport">

</head>

<body>

 

<ul>

  <li><a href="#/">直接显示内容</a></li>

  <li><a href="#templet">引用其他页面</a></li>

</ul>

<!-- ng-view  相当于thinkPHP里的  $this->display(); 用来实现页面渲染 -->

<div ng-view></div>

 

<!-- AngularJS -->
<script src="js/angular.min.js"></script>

<script src="js/angular-route.js"></script>

<script src="js/app.js"></script>

<script>

/* mainApp controller */

angular.module(‘mainApp‘, [‘ngRoute‘])

  .config([‘$routeProvider‘, function ($routeProvider) {

    $routeProvider

      .when(‘/‘, {

        template: "这是直接显示内容"

      })

      .when(‘/templet‘, {

        templateUrl: "templet.htm"

      });
  }]);

</script>

</body>

</html>

AngularJS的简单使用

标签:


文章来源:http://www.bozhiyue.com/web/yuyan/2016/1117/605855.html
返回上一页    返回分类 上一篇:   下一篇:
相关