Bài 8 ng-true-value và ng-false-value trong AngularJS
Lượt xem: 4176
Xem demo
Làm thế nào để sử dụng ng-true-value và ng-false-value trong AngularJS.
Cùng xem ví dụ sau sẽ giúp bạn biết làm thế nào để sử dụng ng-true-value và ng-false-value với thẻ input loại là checkbox.
<html>
<head>
<title> ng-true-value và ng-false-value </title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js">>
<style>
.ng-invalid {
color: red;
}
td {
padding-right: 30px;
}
</style>
<script>
angular.module('myapp', [])
.controller('ExampleController', ['$scope', function ($scope) {
$scope.game = 'NO';
$scope.tour = 'YES';
}]);
</script>
</head>
<body ng-app="myapp" >
<form name="calForm" ng-controller="ExampleController" ng-submit=" DoAction()">
<br />
Play game: <input type="checkbox" ng-model="game"
ng-true-value="'YES'" ng-false-value="'NO'" />
<br />
Tour: <input type="checkbox" ng-model="tour" ng-true-value="'YES'"
ng-false-value="'NO'" />
<br />
<h4>you are choosing </h4>
<tt>Play game = {{game}} </tt> <br />
<tt>Tour = {{tour}} </tt>
</form >
</body >
</html >
Xem thêm: Bài 9 Làm thế nào để sử dụng thẻ input với kiểu (type) là date trong AngularJS
Xem demo