本文通过示例向大家介绍了AngularJS语法的使用,小伙伴们认真研读下吧,非常的实用哦。
模板和数据的基本运作流程如下:
用户请求应用起始页面
用户的浏览器向服务器发起一次http连接,然后加载index.html页面,这个页面包含了模板
angular被加载到页面中,等待页面加载完成,查找ng-app指令,用来定义模板的边界
angular遍历模板,查找指定和绑定关系,将触发一些列动作:注册监听器、执行一些DOM操作、从服务器获取初始化数据。最后,应用将会启动起来,并将模板转换成DOM视图
连接到服务器去加载需要展示给用户的其他数据
显示文本
一种使用{{}}形式,如{{greeting}} 第二种ng-bind=”greeting”
使用第一种,未被渲染的页面可能会被用户看到,index页面建议使用第二种,其余的页面可以使用第一种
表单输入
Starti来源gaodai$ma#com搞$代*码网ng: //change的时候调用函数
Recommendation: {{funding.needed}}
在某些情况下,我们不想一有变化就立刻做出动作,而是要进行等待。例如:
//ng-submit
Starting:
Recommendation: {{funding.needed}}
非表单提交型的交互,以click为例
Starting:
Recommendation: {{funding.needed}}
列表、表格以及其他迭代型元素
ng-repeat会通过$index返回当前引用的元素序号。 示例代码如下:
{{$index+1}} | {{student.name}} | {{student.score}} |
以上就是AngularJS语法详解的详细内容,更多请关注gaodaima搞代码网其它相关文章!