亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

AngularJS實(shí)現(xiàn)DOM元素的顯示與隱藏功能

 更新時(shí)間：2016年11月22日 09:44:22   作者：栁羅風(fēng)塵  
這篇文章主要介紹了AngularJS實(shí)現(xiàn)DOM元素的顯示與隱藏功能,涉及AngularJS中ng-hide與ng-show兩個(gè)屬性的使用,需要的朋友可以參考下

本文實(shí)例講述了AngularJS實(shí)現(xiàn)DOM元素的顯示與隱藏功能。分享給大家供大家參考，具體如下：

DOM元素的顯示與隱藏 ，是前端開(kāi)發(fā)中常常會(huì)用到的功能，AngularJS中是使用 ng-hide/ng-show 兩個(gè)屬性來(lái)實(shí)現(xiàn)的其實(shí)我們只要使用其中的一個(gè)屬性即可實(shí)現(xiàn)所有功能他們的取值為 boolean。

【HTML代碼】

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>angularjs 顯示隱藏元素</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body ng-app="showHide">
 <div ng-controller="showElements">
  <div ng-show="butshow">我出現(xiàn)了</div>
  <button ng-click="toggle();">顯示/隱藏</button>
 </div>
</body>
<script src="./js/angular.min.js"></script>
<script>
 angular.module("showHide",[]).controller('showElements', ['$scope', function($scope){
   $scope.butshow = true;
   $scope.toggle= function(){
   $scope.butshow = !($scope.butshow);
   }
 }])
</script>
</html>

PS：這里有個(gè)問(wèn)題：就是當(dāng)我直接設(shè)置 $scope.but.show 變量的時(shí)候 出現(xiàn)了一大堆錯(cuò)誤，難道不允許這樣設(shè)置變量？

有知道的大神歡迎補(bǔ)充一下，謝謝！

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《AngularJS入門(mén)與進(jìn)階教程》、《jQuery常用插件及用法總結(jié)》、《JavaScript操作DOM技巧總結(jié)》及《jQuery操作DOM節(jié)點(diǎn)方法總結(jié)》

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論