首頁  >  文章  >  web前端  >  AngularJS怎麼定義的點擊事件? angularjs的事件的詳細介紹

AngularJS怎麼定義的點擊事件? angularjs的事件的詳細介紹

寻∝梦
寻∝梦原創
2018-09-08 15:42:282170瀏覽

本篇文章主要的介紹了關於angularjs的事件的詳細解析,還有angularjs的ng-click指令的實例,最後還有HTML隱藏元素的分析。下面就讓我們一起來看看這篇文章吧


AngularJS 事件

AngularJS 有自己的HTML 事件指令。

ng-click 指令

ng-click 指令定義了 AngularJS 點選事件。


#

AngularJS 實例

#<p ng-app= #"" ng-controller="myCtrl">

##<

button ng-click="count = count 1">點我!<#/button
>
<p

>

{{ count }}

<

/p

>

<

/p# #####>#########隱藏HTML 元素#########ng-hide### 指令用於設定應用程式部分是否可見。 #########ng-hide="true"### 設定 HTML 元素不可見。 #########ng-hide="false"### 設定 HTML 元素可見。 ###


#

AngularJS 實例

#p #ng-app="myApp" ng -控制器="personCtrl">

#按鈕 ng-click= "toggle()">>/顯示/button##>

p#ng-hide=#"myVar"##>名: #輸入type="text" ng-model="名字">br>#名稱: input type="text" #ng-model=#"lastName"> br>#br#> 全名:{{名字" " 姓氏}}
##
/p>
#/p >
# >var app = angular.module('myApp ', []);app.controller('personCtrl', function($scope) {    $scope.firstName = "John ",
    $scope.lastName = "Doe"
    $ scope.myVar = false;
    $scope.toggle = function() {
$scope.myVar = !$scope.myVar;
    };
});
</script#>

#' ##應用解析:
第一部分 

personController###與控制器章節類似。 ######應用程式有一個預設屬性: ###$scope.myVar = false;############ng-hide### 指令設定

元素及兩個輸入域是否可見, 依照 ###myVar### 的值(true 或false) 設定是否可見。 #########toggle()### 函數用來切換 ###myVar### 變數的值(true 和 false)。 #########ng-hide="true"### 讓元素 ###不可見###。 ######顯示 HTML 元素#########ng-show### 指令可用來設定應用程式中的一部分是否###可見### 。 #########ng-show="false"### 可以設定 HTML 元素 ####不可見###。 #########ng-show="true"### 可以設定 HTML 元素可見。 ######以下實例使用了 ng-show 指令:#########AngularJS 實例##########

<p #ng-app="myApp" ng-controller= # “personCtrl”>

<#button ng-click=##"切換( )">隱藏/顯示</按鈕#>
## <
p#ng-show="myVar">名: 
輸入#type="text" #ng-model="firstName"##> <br>姓氏:<
#類型= "文本" ng-model="姓氏"#>##<
br> #<
br>
#名: {{firstName " " 姓氏}}<
/p
><
/p
##><

>

var app = angular.module('myApp', []);
app.controller ('personCtrl', function($scope) {
    $scope.firstName = "John",
    $scope.lastName = " Doe"
    $scope.myVar = true ##        $scope.myVar = !$scope.myVar;
    }####});## #</script>

#這篇文章到這裡就結束了(想看更多就到PHP中文網AngularJS使用手冊中學習),有問題的可以在下方留言提問。

以上是AngularJS怎麼定義的點擊事件? angularjs的事件的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn