AngularJs,指令與表達示的使用

          不用多說,自己復制下來,運行一下,就明白怎么回事了。
          <!DOCTYPE html>
          <html>
          <body>
          <div>
          <h3>指令說明</h3>
          <p>ng-app 指令初始化一個 AngularJS 應用程序。這個必須寫</p>
          <p>ng-init 指令初始化應用程序數據。有需要實例化的數據就寫,沒有的話可以不寫,它可以接收普通字符串,數組,對象,如有多個可用分號分隔</p>
          <p>ng-model 指令把元素值(比如輸入域的值)綁定到應用程序。</p>
          <p>======================================</p>
          </div>
          <div ng-app="" ng-init="firstName='John';lastName='aaa';names=['Jani','Hege','Kai'];person={firstName:'John',lastName:'Doe'}">

          <p>在輸入框中嘗試輸入:</p>
          <p>姓名: <input type="text" ng-model="firstName"></p><input type="text" ng-model="lastName">
          <p>你輸入的為: {{ firstName +""+ lastName }}</p>
          <p>顯示數組: {{ names[1] }}</p>
          <p>顯示對象: {{ person.lastName }}</p>
          <p>也可以這樣顯示: <span ng-bind="person.lastName"></span></p>
          <p>使用 ng-repeat 來循環數組。 同理也可以循環對象</p>
            <ul>
              <li data-ng-repeat="x in names">
                {{ x }}
              </li>
            </ul>
          </div>

          <script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>

          </body>
          </html>
                      


          眼鏡蛇

          posted on 2015-09-08 11:00 眼鏡蛇 閱讀(170) 評論(0)  編輯  收藏 所屬分類: AngularJS


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          <2025年6月>
          25262728293031
          1234567
          891011121314
          15161718192021
          22232425262728
          293012345

          導航

          統計

          常用鏈接

          留言簿(6)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 二连浩特市| 临沭县| 三都| 全州县| 黔东| 沂源县| 新密市| 临猗县| 柯坪县| 永修县| 乃东县| 卢龙县| 大名县| 舞阳县| 和静县| 阿合奇县| 石林| 介休市| 原平市| 寻甸| 青海省| 蒙自县| 大渡口区| 禹城市| 辽宁省| 健康| 宜兰市| 神木县| 荆州市| 正蓝旗| 泸西县| 新郑市| 华阴市| 建宁县| 民乐县| 麻城市| 广南县| 安新县| 赣榆县| 得荣县| 焉耆|