ng-app指令【angularJs第一篇】

angularJs共有4大模块构成MVC,模块和依赖注入、指令,双向数据绑定,虽然分为四大块但是我觉得无论使用那一块的知识都离不开指令,也就是说指令贯穿整个angularJs的应用。MVC里的控制器ng-controller是指令,获取、同步数据ng-model是指令;模块和依赖注入ng-app也是指令;双向数据绑定更不用说。所以说指令是angularJs的基础。

ng-app

ng-app这个指令比较特殊,一个html文档最好只出现一次,如果出现多次也是只有第一个起作用,并且可以出现在html文档的任何一个元素上。

ng-app作用是告诉子元素一下的指令是归angularJs的,angularJs会识别的。

ng-app的值可以为空,当然在练习的时候,在项目中则一定是要赋值的。也就是后面所说的模块。angularJs的使用,不是有一句一定要牢记在的话“一切都是由模块开始的”。

最后附上一段相关的简短的代码:

<!doctype html>

<html lang="en" ng-app="">

<head>

<meta charset="UTF-8">

<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

</head>

<body ng-init="firstName='John'">

<input type="text" ng-model="firstName">

<div ng-bind="firstName"></div>

<script type="text/javascript"></script>

</body>

</html>

个人认为还是把这个指令放在html标签里比较合适。

posted @ 2016-07-07 23:04  之乐之  阅读(9265)  评论(0编辑  收藏  举报