<h3>ng-init初始化变量</h3>
<div ng-init=
"name='aurora';age='18'"
>
<p ng-bind=
"name+','+age"
></p>
<p>{{name+
','
+age}}</p>
"name"
></p>
"age"
></p>
</div>
<h3>ng-init初始化对象</h3>
"hero={name:'aurora',role:'sup',line:'不管刮风还是下雨,太阳照常升起'}"
>
"hero.name+','+hero.role+','+hero.line"
></p>
"hero.name"
></p>
"hero.role"
></p>
"hero.line"
></p>
</div>
<h3>ng-init初始化数组</h3>
"heros=['曙光女神','堕落天使','魂锁典狱长']"
>
"heros[0]+','+heros[1]+','+heros[2]"
></p>
"heros[0]"
></p>
"heros[1]"
></p>
"heros[2]"
></p>
</div>
<h3>ng-controller控制器</h3>
<div ng-controller=
"contr-2"
>
First Name: <input type=
"text"
ng-model=
"firstName"
>
Last Name: <input type=
"lastName"
>
Full Name : <span>{{firstName +
","
+ lastName}}</span>
Full Name : <span ng-bind=
"firstName + ',' + lastName"
></span>
</div>
<h3>ng-repeat遍历无重复集合</h3>
"names=[1,2,3]"
>
<ul>
<li ng-repeat=
"x in names"
>
{{x}}
</li>
</ul>
</div>
<h3>ng-repeat遍历重复集合</h3>
"number=[1,monospace!important; min-height:inherit!important">>
<ul>
"x in number track by $index"
>
{{x}}
</li>
</ul>
</div>
<h3>ng-repeat遍历对象</h3>
"contr-3"
>
<ul>
"(key,value) in object track by $index"
>
{{key+
":"
+value}}
</li>
</ul>
</div>
<h3>ng-repeat遍历对象(按原有顺序)</h3>
"contr-4"
>
<ul ng-repeat=
"obj in objs "
>
>
+value}}
</li>
</ul>
</div>
<h3>ng-repeat遍历对象(属性详解)</h3>
<table ng-controller=
"contr-5"
>
<tr ng-repeat=
>
<td>学号:
<span ng-bind=
"$index"
></span>
</td>
<td>
"key"
></span>:
"value"
></span>
</td>
<td>是否为奇数?
"$odd"
></span>
</td>
<td>是否为偶数?
"$even"
></span>
</td>
<td>排行是老大?
"$first"
></span>
</td>
<td>排行最小?
"$last"
></span>
</td>
<td>排行中间?
"$middle"
></span>
</td>
</tr>
</table>
<h3>ng-repeat start/end</h3>
"contr-6"
>
<div ng-repeat-start=
>
<p>学号:
></span>
</p>
<p>
></span>:
></span>
</p>
</div>
<div ng-repeat-end></div>
</div>