练习ng-show和ng-hide的方法
Posted Insus.NET
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了练习ng-show和ng-hide的方法相关的知识,希望对你有一定的参考价值。
在程序设计过程,我们需要把某一元素或是或一块进行显示与隐藏。
如你正使用angularjs的话,就可以使用ng-show或者ng-hide来进行控制。
var showhideApp = angular.module(\'showhideApp\', []);
showhideApp.controller(\'showhideController\', function ($scope) { $scope.IsVisibled = false; $scope.ShowDivTag = function () { $scope.IsVisibled = true; } $scope.HideDivTag = function () { $scope.IsVisibled = false; } });
html代码:
<div ng-app="showhideApp" ng-controller="showhideController"> <div> <input type="button" value="ShowDivTag" ng-click="ShowDivTag()" /> <input type="button" value="HideDivTag" ng-click="HideDivTag()" /> </div> <div> <div ng-show="IsVisibled">Insus.NET</div> </div> </div>
以上是关于练习ng-show和ng-hide的方法的主要内容,如果未能解决你的问题,请参考以下文章
ngAnimate CSS 动画不适用于 ng-show 和 ng-hide