zoukankan      html  css  js  c++  java
  • 练习ng-show和ng-hide的方法

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

    如你正使用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

    预览:


  • 相关阅读:
    [USACO12FEB]牛券Cow Coupons
    合并果子
    序列合并
    中位数
    道路游戏
    教主的花园
    摆花
    hello world之Makefile
    mysql+tomcat+spring 配置心得(从0开始搭环境)
    C#,.Net自动生成大写字母编码
  • 原文地址:https://www.cnblogs.com/insus/p/6811874.html
Copyright © 2011-2022 走看看