angularJs复选框checkbox选中进行ng-show显示隐藏

来源:互联网 发布:profili2.3软件下载 编辑:程序博客网 时间:2024/05/24 06:54
ng-true-value="1" //代表选中的时候,值为1ng-false-value="0" //代表未选中的时候,值为0
<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <script src="angular.min.js"></script></head><body><div ng-app="module" ng-controller="ctrl">    游戏: <input type="checkbox" ng-model="data.game" ng-true-value="1" ng-false-value="0">    电影: <input type="checkbox" ng-model="data.video" ng-true-value="1" ng-false-value="0">    <div ng-show="data.game==1">        <h1>游戏被选中</h1>    </div>    <div ng-show="data.video==1">        <h1>电影被选中</h1>     </div></div><script>    var m = angular.module('module', []);    m.controller('ctrl', ['$scope', function ($scope) {        $scope.data = {game: 0, video: 0};  //初始化未选中,值为0    }]);</script></body></html>