【问题标题】:angular checkbox does not bind to model角度复选框不绑定到模型
【发布时间】:2018-11-20 17:38:05
【问题描述】:

在我的控制器中,我有这个成员:

$scope.sameOptionsOnReturn = true;

在我看来:

<input type="checkbox"
       ng-model="sameOptionsOnReturn"
       ng-checked="sameOptionsOnReturn"
       ng-value="true"
       ng-change="setReturnOptions" />

但是输入没有绑定到复选框;它总是正确的。怎么了?

注意:删除ng-value="true" 没有任何区别。

【问题讨论】:

  • 尝试删除ng-value="true"
  • @Tushar - 恐怕没什么区别
  • 试试这个:

标签: javascript angularjs checkbox data-binding


【解决方案1】:

由于它在下面的 sn-p 中确实有效,因此我不得不假设您的代码中的其他地方有问题。

function SuperController($scope) {
	$scope.sameOptionsOnReturn = true;
}

angular.module('myApp', []);
angular
    .module('myApp')
    .controller('SuperController', SuperController)
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="SuperController as s">
    <input type="checkbox"
       ng-model="sameOptionsOnReturn"
       ng-checked="sameOptionsOnReturn"
       ng-value="true"
       ng-change="setReturnOptions" />
    
    {{sameOptionsOnReturn}}
  </div>
</div>

【讨论】:

    【解决方案2】:

    ng-model 适用于您的绑定。所以你不需要把 ng-value="true" 让你的复选框总是选中。从输入复选框中删除它。 ng-model 值将使您的复选框选中或取消选中。

    【讨论】:

    • 恐怕没有任何区别
    猜你喜欢
    • 2019-07-25
    • 1970-01-01
    • 2018-05-16
    • 1970-01-01
    • 1970-01-01
    • 2015-03-02
    • 2014-08-18
    • 2019-04-08
    • 1970-01-01
    相关资源
    最近更新 更多