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

angularJS介绍。

时间:2015-04-10 17:50:51      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:

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

angularJS介绍。

标签:

原文地址:http://www.cnblogs.com/ygl-web/p/4415008.html

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