码迷,mamicode.com
首页 > 其他好文 > 详细

Angular 下的 directive

时间:2014-10-23 11:56:43      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   io   ar   使用   java   sp   div   

directive  指令

Directive components  指令部分

 
使用指令自动引导一个AngularJS应用。ngApp指令指定应用程序的根元素,通常是放在页面的根元素如:
<body> or <html>标签。
 
AngularJS应用程序可以自动引导HTML文档、首先在文档中找到ngApp将被引导为应用程序的根元素。
在HTML文档中运行多个应用程序您必须手动引导他们使用angular.bootstrap来代替。
AngularJS应用程序不能相互嵌套。
 
您可以指定一个AngularJS模块作为根模块用于应用程序。应用程序被引导时这个模块将加载到注入器以及
应用程序需要的代码或者依赖于其他模块包含的代码angular.module中有跟多的信息
 
下面的这个例子中,如果ngApp指令没有放在html文档不会被编译,AppController将不能够被实例化为
{{ a+b }} 等于 3
 
所以要这么写
HTML:
<body ng-app="ngAppDemo">
<div ng-controller="ngAppDemoController">
 I can add: {{a}} + {{b}} = {{ a+b }}    // i can add: 1 + 2 = 3;
</div>
<script type="text/javascript">
angular.module(‘ngAppDemo‘, []).controller(‘ngAppDemoController‘, function($scope) {
 $scope.a = 1;
 $scope.b = 2;
});
</script>
</body>
 
Javascript:
angular.module(‘ngAppDemo‘, []).controller(‘ngAppDemoController‘, function($scope) {
  $scope.a = 1;
  $scope.b = 2;
});

Angular 下的 directive

标签:style   http   color   io   ar   使用   java   sp   div   

原文地址:http://www.cnblogs.com/mcat/p/4045211.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!