本篇文章主要的介紹了關於angularjs的事件的詳細解析,還有angularjs的ng-click指令的實例,最後還有HTML隱藏元素的分析。下面就讓我們一起來看看這篇文章吧
AngularJS 有自己的HTML 事件指令。
ng-click 指令定義了 AngularJS 點選事件。
#<p ng-app= #"" ng-controller="myCtrl">
##<
button ng-click="count
= count 1">點我!<#/button
>
<p
<
/p>
<
/p# #####>#########隱藏HTML 元素#########ng-hide### 指令用於設定應用程式部分是否可見。 #########ng-hide="true"### 設定 HTML 元素不可見。 #########ng-hide="false"### 設定 HTML 元素可見。 ####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#>
#' ##應用解析:
第一部分
元素及兩個輸入域是否可見, 依照 ###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 ##
}####});## #</script>
#這篇文章到這裡就結束了(想看更多就到PHP中文網AngularJS使用手冊中學習),有問題的可以在下方留言提問。
以上是AngularJS怎麼定義的點擊事件? angularjs的事件的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!