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;
});
时间: 2024-10-26 10:01:10