码迷,mamicode.com
首页 > 其他好文 > 详细

练习ng-show和ng-hide的方法

时间:2017-05-05 12:48:51      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:isp   img   targe   nbsp   编写   dea   angularjs   target   style   

在程序设计过程,我们需要把某一元素或是或一块进行显示与隐藏。

如你正使用angularjs的话,就可以使用ng-show或者ng-hide来进行控制。

技术分享

 

技术分享
var showhideApp = angular.module(‘showhideApp‘, []);
Source Code

 

定义控制器,其中编写2个铵钮的事件:
技术分享

 

技术分享
showhideApp.controller(‘showhideController‘, function ($scope) {
    $scope.IsVisibled = false;

    $scope.ShowDivTag = function () {
        $scope.IsVisibled = true;
    }

    $scope.HideDivTag = function () {
        $scope.IsVisibled = false;
    }
});
Source Code


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

 

预览:
技术分享

 

练习ng-show和ng-hide的方法

标签:isp   img   targe   nbsp   编写   dea   angularjs   target   style   

原文地址:http://www.cnblogs.com/insus/p/6811874.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!