当用户单击提交按钮时如何显示用户输入。当用户单击清除按钮时也清除消息。(求求你了,谢谢你)
<html>
<head>
<title></title>
angular.module('exampleModule', [])
.controller('messageController', ['$scope', function($scope) {
$scope.message = '';
}])
</script>
</head>
<body ng-app="exampleModule">
<div ng-controller="messageController">
Input:
<input ng-model="message" />
<button>Submit</button>
<button>Clear</button>
<br/>
<div>Message: {{message}}</div>
</div>
</body>
</html>
给你的按钮一个 ng-click 事件并在你的控制器中处理该事件。如果按下提交按钮,将 show veriable 设置为 true,以便显示。
HTML:
<div ng-app="exampleModule">
<div ng-controller="messageController">
Input:
<input ng-model="message" />
<button ng-click="display()">Submit</button>
<button ng-click="clear()">Clear</button>
<br/>
<div ng-show="show">Message: {{message}}</div>
</div>
</div>
AngularJS 控制器:
angular.module('exampleModule', [])
.controller('messageController', ['$scope', function($scope) {
$scope.show = false;
$scope.message = '';
$scope.clear = function() {
$scope.message = '';
};
$scope.display = function() {
$scope.show = true;
};
}])
JSFiddle:https ://jsfiddle.net/Anokrize/2fvtbwd2/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句