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)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 乌拉特后旗| 陇西县| 临桂县| 马公市| 运城市| 石泉县| 上饶市| 德令哈市| 商河县| 建水县| 江城| 宝清县| 河南省| 茂名市| 西青区| 乾安县| 内乡县| 彭阳县| 屏东市| 中超| 丰台区| 广宗县| 东乌珠穆沁旗| 莒南县| 宿松县| 新巴尔虎右旗| 闽侯县| 泰来县| 砚山县| 舞阳县| 澳门| 呼伦贝尔市| 安仁县| 连州市| 肇源县| 修武县| 稻城县| 若羌县| 饶河县| 阜宁县| 全椒县|