您的位置：首页 > Web前端 > AngularJS

AngularJs中一些指令的解释

2016-07-06 11:00 561 查看

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标记的可以自动加载。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航