国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

AngularJS學習筆記之基本指令(init、repeat)

2019-11-20 12:14:37
字體:
來源:轉載
供稿:網友

AngularJS學習筆記之基本指令(init、repeat)

<h3>ng-init初始化變量</h3><div ng-init="name='aurora';age='18'">  <p ng-bind="name+','+age"></p>  <p>{{name+','+age}}</p>  <p ng-bind="name"></p>  <p ng-bind="age"></p></div><h3>ng-init初始化對象</h3><div ng-init="hero={name:'aurora',role:'sup',line:'不管刮風還是下雨,太陽照常升起'}">  <p ng-bind="hero.name+','+hero.role+','+hero.line"></p>  <p ng-bind="hero.name"></p>  <p ng-bind="hero.role"></p>  <p ng-bind="hero.line"></p></div><h3>ng-init初始化數組</h3><div ng-init="heros=['曙光女神','墮落天使','魂鎖典獄長']">  <p ng-bind="heros[0]+','+heros[1]+','+heros[2]"></p>  <p ng-bind="heros[0]"></p>  <p ng-bind="heros[1]"></p>  <p ng-bind="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="text" ng-model="lastName">  Full Name : <span>{{firstName + "," + lastName}}</span>  Full Name : <span ng-bind="firstName + ',' + lastName"></span>  </div> <h3>ng-repeat遍歷無重復集合</h3><div ng-init="names=[1,2,3]"> <ul>  <li ng-repeat="x in names">   {{x}}  </li> </ul></div><h3>ng-repeat遍歷重復集合</h3><div ng-init="number=[1,2,2,3]"> <ul>  <li ng-repeat="x in number track by $index">   {{x}}  </li> </ul></div><h3>ng-repeat遍歷對象</h3><div ng-controller="contr-3">   <ul>    <li ng-repeat="(key,value) in object track by $index">     {{key+":"+value}}    </li>   </ul></div><h3>ng-repeat遍歷對象(按原有順序)</h3><div ng-controller="contr-4">   <ul ng-repeat="obj in objs ">    <li ng-repeat="(key,value) in obj ">     {{key+":"+value}}    </li>   </ul></div><h3>ng-repeat遍歷對象(屬性詳解)</h3><table ng-controller="contr-5">  <tr ng-repeat="(key, value) in objs ">    <td>學號:      <span ng-bind="$index"></span>    </td>    <td>      <span ng-bind="key"></span>:      <span ng-bind="value"></span>    </td>    <td>是否為奇數?      <span ng-bind="$odd"></span>    </td>    <td>是否為偶數?      <span ng-bind="$even"></span>    </td>    <td>排行是老大?      <span ng-bind="$first"></span>    </td>    <td>排行最小?      <span ng-bind="$last"></span>    </td>    <td>排行中間?      <span ng-bind="$middle"></span>    </td>  </tr></table><h3>ng-repeat start/end</h3><div ng-controller="contr-6">  <div ng-repeat-start="(key,value) in objs">    <p>學號:      <span ng-bind="$index"></span>    </p>    <p>      <span ng-bind="key"></span>:      <span ng-bind="value"></span>    </p>  </div>  <div ng-repeat-end></div></div>

以上所述上就是本文的全部內容了,希望大家能夠喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 永平县| 准格尔旗| 天门市| 南溪县| 广德县| 东乌珠穆沁旗| 德保县| 仲巴县| 宜君县| 镇赉县| 阿城市| 耒阳市| 卓资县| 西充县| 和龙市| 德惠市| 利津县| 荆州市| 中卫市| 凤城市| 灵宝市| 新密市| 太仆寺旗| 同心县| 义马市| 犍为县| 宝鸡市| 普兰县| 鲁甸县| 阿坝| 洪泽县| 富民县| 阿克苏市| 东光县| 光泽县| 陇川县| 稷山县| 宁德市| 峡江县| 乃东县| 乃东县|