练习ng-show和ng-hide的方法
方法 练习 NG show Hide
2023-09-27 14:21:30 时间
在程序设计过程,我们需要把某一元素或是或一块进行显示与隐藏。
如你正使用angularjs的话,就可以使用ng-show或者ng-hide来进行控制。
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
var showhideApp = angular.module('showhideApp', []);
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
showhideApp.controller('showhideController', function ($scope) { $scope.IsVisibled = false; $scope.ShowDivTag = function () { $scope.IsVisibled = true; } $scope.HideDivTag = function () { $scope.IsVisibled = false; } });
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<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>
相关文章
- 【机器学习算法-python实现】协同过滤(cf)的三种方法实现
- 在HMM中,如果已知观察序列和产生观察序列的状态序列,那么可用以下哪种方法直接进行参数估计
- Python的Numpy库的ndarray对象常用构造方法及初始化方法
- 02 线程简介 多任务 多线程 普通方法调用和多线程 程序.进程.线程 Proces与Thread 核心概念
- MFC绘图的几种方法
- Attribute value must be constant解决方法
- Flag counter被博客园禁了的解决方法(短网址方案)
- TP中U方法详解
- 打开的IE网页不是最大化的解决方法
- Mysql错误:Duplicate entry '127' for key 'PRIMARY'的解决方法
- Git 使用中一些方法和报错整理(持续更新中...)
- 分享MSSQL、MySql、Oracle的大数据批量导入方法及编程手法细节
- SQL Server 查看正在运行的事务信息的 2 种方法。
- C# 使用反射获取私有属性的方法
- C# FileStream 对象的Seek()方法
- 练习 1-13 编写一个程序,打印输入中单词长度的直方图(水平)(方法2)
- 远程桌面无法连接 提示不支持FIPS安全级别的解决方法
- 常用方法 字符串是否是中文