首页 > 代码库 > Angular 下的 directive

Angular 下的 directive

2024-07-28 19:06:36   223人阅读

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


联系
我们