<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>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                # AngularJS HTML 事件 AngularJS 有自己的 HTML 事件指令。 ## ng-click 指令 **ng-click** 指令定義了一個 AngularJS 單擊事件。 ## AngularJS 實例 ``` <div ng-app="" ng-controller="myController"> <button ng-click="count = count + 1">點我!</button> <p>{{ count }}</p> </div> ``` ## 隱藏 HTML 元素 **ng-hide** 指令用于設置應用的一部分 **不可見** 。 **ng-hide="true"** 讓 HTML 元素 **不可見**。 **ng-hide="false"** 讓元素可見。 ## AngularJS 實例 ``` <div ng-app="" ng-controller="personController"> <button ng-click="toggle()">隱藏/顯示</button> <p ng-hide="myVar"> 名: <input type="text" ng-model="person.firstName"><br> 姓: <input type="text" ng-model="person.lastName"><br> <br> 姓名: {{person.firstName + " " + person.lastName}} </p> </div> <script> function personController($scope) { ??? $scope.person = { ??????? firstName: "John", ??????? lastName: "Doe" ??? }; ??? $scope.myVar = false; ??? $scope.toggle = function() { ??????? $scope.myVar = !$scope.myVar; ??? }; } </script> ``` 應用解析: **personController**的第一部分與控制器章節類似。 應用有一個默認屬性: **$scope.myVar = false;** **ng-hide** 指令設置應用中的元素不可見。 **toggle()** 函數用于切換 **myVar** 變量的值(true 和 false)。 **ng-hide="true"** 讓元素 **不可見**。 ## 顯示 HTML 元素 **ng-show** 指令可用于設置應用中的一部分**可見** 。 **ng-show="false"** 可以設置 HTML 元素 **不可見**。 **ng-show="true"** 可以以設置 HTML 元素可見。 以下實例使用了 ng-show 指令: ## AngularJS 實例 ``` <div ng-app="" ng-controller="personController"> <button ng-click="toggle()">隱藏/顯示</button> <p ng-show="myVar"> 名: <input type="text" ng-model="person.firstName"><br> 姓: <input type="text" ng-model="person.lastName"><br> <br> 姓名: {{person.firstName + " " + person.lastName}} </p> </div> <script> function personController($scope) { ??? $scope.person = { ??????? firstName: "John", ??????? lastName: "Doe" ??? }; ??? $scope.myVar = true; ??? $scope.toggle = function() { ??????? $scope.myVar = !$scope.myVar; ??? }; } </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>

                              哎呀哎呀视频在线观看