AngularJs中的ng-app
- ng-app
ng-app是angular的一个指令,代表一个angular应用(也叫模块)。使用ng-app或者ng-app=""来标记一个DOM结点,让框架会自动加载,也就是说ng-app是可以带属性的。下面对ng-app的一些情况分析整理一下。
- 不写ng-app,那么无法加载对应的代码,因为了标记ng-app指令的作用就是要告诉angularjs,当前标记的这个元素是angularjs的所有者。
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="../js/angular.js"></script>
</head>
<body>
<div>
<p>姓名21111:{{1+2}} </p>
</div>
</body>
</html>
2.含有两个ng-app,那么只会自动加载第一个
例子:
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="../js/angular.js"></script>
</head>
<body>
<divdata-ng-app="">
<p>姓名21111:{{1+2}} </p>
</div>
<divdata-ng-app="">
<p>姓名33333:{{2+2}} </p>
</div>
</body>
</html>
加载效果:
3.ng-app如果带有属性,不能自动加载
例子代码:
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<scriptsrc="../js/angular.js"></script>
</head>
<body>
<divdata-ng-app="app">
<p>姓名21111:{{1+2}} </p>
</div>
</body>
</html>
加载效果:
4.不带属性的要放在前面,带属性的放在后面,用ng-app标记的可以自动加载。