码迷,mamicode.com
首页 > 移动开发 > 详细

ng-app指令【angularJs第一篇】

时间:2016-07-08 00:09:08      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:

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标签里比较合适。

ng-app指令【angularJs第一篇】

标签:

原文地址:http://www.cnblogs.com/wjh0916/p/5651886.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!