距离第一篇笔记好久了,抽空把angular的笔记梳理梳理。
ng-init:初始化指令,这里可以声明变量,且变量不用指定数据类型(类似js中的var用法)。
数值变量与字符串相加默认做字符串拼接运算。注:ng-init声明的变量皆为全局变量,不论ng-init定义在哪个标签声明的变量皆影响全局,且同名变量以最后一次为准(与js同理)。ng-init仅能声明变量,不能声明函数。{
{ a + b }}
{
{ a + b }}
不论 ng-init 声明在什么位置,始终以最后一次声明为主。
ng-bind:数据绑定,与{
{}}效果类似。注:说明下ng-bind和{ {}}的区别:一样的效果,但使用花括号语法时,在AngularJS使用数据替换模板中的花括号时,第一个加载的页面,通常是应用中的index.html,其未被渲染的模板可能会被用户看到。对于index.html页面中的数据绑定操作,建议采用ng-bind。那么在数据加载完成之前用户就不会看到任何内容。{
{ a+b }}
输出结果一样。
声明对象
声明数组
ng-model:配合表单元素和 { {}} 、 ng-bind 做数据绑定,数据实时同步到 { {}} 、 ng-bind 元素上,MVC中的M:model。
今天{
{ today }}
select 默认显示 星期六,当 select 值改变 { {}} 区域同步改变值。
来看一个实际应用场景
商品名:
数量:
单价:
总价:
ng-repeat:angular的循环,类似 js 的 for in 循环结构。