<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                # AngularJS 應用程序 現在是時候創建一個真正的 AngularJS 應用程序了。 ## AngularJS 應用程序 您已經學習了足夠多關于 AngularJS 的知識,現在可以開始創建您的第一個 AngularJS 應用程序: ## 我的筆記 ``` <textarea cols="40" rows="10"></textarea> <button>保存</button> <button>清除</button> 剩下的字符數: ``` ## 應用程序講解 ## AngularJS 實例 ``` <div ng-app="myTodoApp" ng-controller="myTodoCtrl"> <h2>我的筆記</h2> <p><textarea ng-model="message" cols="40" rows="10"></textarea></p> <p> <button ng-click="save()">保存</button> <button ng-click="clear()">清除</button> </p> <p>剩下的字符數:<span ng-bind="left()"></span></p> </div> <script src="myTodoApp.js"></script> <script src="myTodoCtrl.js"></script> ``` 應用程序文件 "myTodoApp.js": ``` var app = angular.module("myTodoApp", []); ``` 控制器文件 "myTodoCtrl.js": ``` app.controller("myTodoCtrl", function($scope) { ??? $scope.message = ""; ??? $scope.left? = function() {return 100 - $scope.message.length;}; ??? $scope.clear = function() {$scope.message="";}; ??? $scope.save? = function() {$scope.message="";}; }); ``` HTML 頁面中的一個 &lt;div&gt;,指向 ng-app="**myTodoApp**" 和 ng-controller="**myTodoCtrl**": ``` <div ng-app="myTodoApp" ng-controller="myTodoCtrl"> ``` 一個 **ng-model** 指令,綁定一個 &lt;textarea&gt; 到控制器變量 **message**: ``` <textarea ng-model="message" cols="40" rows="10"></textarea> ``` 兩個 **ng-click** 事件,調用控制器函數 **clear()** 和 **save()**: ``` <button ng-click="save()">保存</button> <button ng-click="clear()">清除</button> ``` 一個 **ng-bind** 指令,綁定控制器函數 **left()** 到一個 &lt;span&gt;,字符會向左對齊顯示: ``` 剩下的字符數:<span ng-bind="left()"></span> ``` 兩個應用程序庫被添加到 HTML 頁面: ``` <script src="myTodoApp.js"></script> <script src="myTodoCtrl.js"></script> ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看