标签：
首先聊聊angularjs是啥。
附上引用地址
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
AngularJS的使用：
首先上代码。(容我先举个栗子)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>angularJS</title> </head> <body> <div ng-app=""> <p>试试效果吧：<input type="text" ng-model="My_model" /></p> <h1>这里是你的model值：{{My_model}}</h1> </div> <!--引用js--> <script src="angular-1.3.0.js" type="text/javascript"></script> </body> </html>
解析：
这个例子是个简单的angularjs取值model。
angularjs特性之一：可嵌入任何框架使用。
各位请看栗子，在div后面有个ng-app，这个是告诉浏览器从这里开始里面的代码都归angularjs管(不管你的事儿了，angularjs全权管理后面的区域)。至于ng-app的值目前本菜还没测试。后面测试了本菜会说明。有大神知道的也可以说下。也就是说ng-app加在哪里，哪块内容就使用angularjs。强调一点，ng-app一个页面有且只能有一个，不能出现多个ng-app。这里可以吧ng-app理解为main方法，入口程序有且只能有一个。
angularjs特性之二：mvc模式开发。
回到栗子，input标签是不是也有个ng开头的东东，没错这就是model，mvc里的model。不要怀疑，angularjs就是这么牛逼，就是这么强大。然后h1中间的{{}}就是获取model的值(相信很多玩过其他模板的大牛一看就明白)，严格来说<input type="text" ng-model="My_model" />这里是view用来展示model的值。而{{My_model}}才是真正的model。(好了表问我controler去哪儿了。说到controler会说到module，所以后面再叨叨)。
初次探秘就哔哔这么多。原创文章，感谢支持。大牛勿喷
标签：
原文地址：http://www.cnblogs.com/MirageFox/p/5583620.html
