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元素。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。