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
原创粉丝点击