angularjs 1.3中的复选框答案

【问题标题】：Checkbox in angularjs 1.3angularjs 1.3中的复选框
【发布时间】：2015-03-25 20:50:03
【问题描述】：

我在 angularjs 1.3.0 (ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js) 上尝试了以下代码：-

            <input type="checkbox" ng-model="chkboxmodel" ng-checked="true" ng-true-value="Blue" ng-false-value="Red"></input> {{chkboxmodel}}

但是，当我点击复选框时，{{chkboxmodel}} 不会返回蓝色或红色。

但是，当我将 Angularjs 版本更改为 1.2.0 时，我会得到红色或蓝色。

知道我需要做什么吗？

【问题讨论】：

可能不会有所不同，但输入标签没有结束标签。

标签： angularjs

【解决方案1】：

请看下面的演示从您的输入中删除ng-checked="true"

angular.module('app', []).controller('homeCtrl', function($scope) {


  $scope.chkboxmodel = "Blue";

})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="homeCtrl">
    <input type="checkbox" ng-model="chkboxmodel" ng-true-value="Blue" ng-false-value="Red" />{{chkboxmodel}}
  </div>
</div>

【讨论】：