angularJS介绍。
1 <p>Nothing here {{‘yet‘+‘!‘}}</p>
AngularJS的作用:把后台返回的JSON作为前端的model.在angularJS中使用html进行渲染。
或者后台的视图作为前端的模型,而整个前端就是后台的视图。
ng-app指令标记了angularJS脚本的作用域,在<html>中添加ng-app属性即说明整个<html>都是angularJS脚本作用域。
AnuglarJS脚本标签。
<script src="lib/angular/angular.js"></script>
这行代码载入angular.js脚本,当浏览器将整个HTML页面载入完毕后,将会执行该angular.js脚本。angular.js脚本运行后将会寻找含有NG-APP指令的HTML标签。该标签定义了angularJS应用的作用域。
双大括号绑定的表达式,绑定的表达式告诉angularlarJS需要运算其中的表达式,并将结果插入到DOM中。DOM可以随着表达式运算结果的改变而实时的更新。
angularJS表达式仅在angularJS中作用域中运行,而不是在整个DOM中运行。
<ul> <li ng-repeat=‘phone in phones‘> {{phone.name}} <p>{{phone.snippet}}</p> </li> </ul>
在<li>标签里面,ng-repeat=‘phpne in phones‘ 语句是一个angularJS 迭代器。这个迭代器告诉angularJS用第一个<li>标签作为模板,为列表中每一部手机创建一个li元素。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。