AngularJs -- ng-hide
来源:互联网 发布:网络销售只要做些什么 编辑:程序博客网 时间:2024/05/17 06:33
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div style="margin-left: 50%;" ng-app="myApp" ng-controller="personCtrl"><button ng-click="toggle()">隐藏/显示</button><p>名: <input type=text ng-model="firstName"><br> 姓: <input type=text ng-model="lastName"><br></p><p ng-hide="myVar">姓名: {{firstName + " " + lastName}}</p></div><script>var app = angular.module('myApp', []);app.controller('personCtrl', function($scope) {$scope.firstName = "zhang";$scope.lastName = "Ye";$scope.myVar = false;$scope.toggle = function() {$scope.myVar = !$scope.myVar;}});</script></body></html>效果如下
0 0
- AngularJs -- ng-hide
- AngularJS之ng-hide指令
- React实现Angularjs ng-show、ng-if和ng-hide
- angularjs ng-if ng-show ng-hide区别
- AngularJS – Conditional Display using ng-show / ng-hide, ng-if, ng-include, ng-switch
- AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch
- AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch
- AngularJS中的双向数据绑定 ng-bind,ngshow,ng-hide,ng-class,ngAnimate
- ng-show/ng-hide
- ng-show ; ng-hide
- angularJS学习之路(十一)---ng-show和ng-hide
- ng-hide指令
- ng-show,ng-hide,ng-if指令
- ng-if ng-show ng-hide 区别
- angularjs ng-show ng-hidden
- ng-if和ng-show、ng-hide区别
- ng-if与ng-show、ng-hide指令的区别
- ng-if、ng-show和ng-hide指令的区别
- Python列表解析式
- 简谈智能家居安全
- sql注入 XSS
- java mail学习笔记4——Message类详解
- Android TextView显示网络图片
- AngularJs -- ng-hide
- Linux之服务器基本启动步骤
- 【unity】开发android游戏android SDK和Java JDK
- Linux下ffmpeg配置和安装
- nginx lua 插件扩展开发 博客整理
- ionic环境安装
- Java——第七章(进程和多线程)—项目案例
- Maven打包步骤
- android中用ndk编译c代码为so库,供jni调用(一)