标签: angularjs-ng-checked

在提出这个问题之前我曾提到这一点.

AngularJs不与ng-model绑定ng-checked

如果在旁边ng-checked进行评估,则不会更新.我不能像上面的问题那样建议,因为我必须为每个复选框使用一些样式.truehtmlng-modelng-repeat

这是我创建的用于说明我的问题的plunker.

http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t

要查看我想要的内容,请打开控制台,然后单击Submit按钮.请不要勾选任何复选框.

提前致谢!

http://plnkr.co/edit/RP9SpO1qGjn5Ua6pZJ3D?p=preview

JS

angular.module("sampleapp", []).controller('samplecontroller', function($scope,$rootScope) {
  $scope.radii = [
    {id:.25, checked:false, name:"1/4 Mile"},
    {id:.5, checked:false, name:"1/2 Mile"},
    {id:1, checked:false, name:"1 Mile"},
    {id:2, checked:true, name:"2 Mile"},
    {id:3, checked:false, name:"3 Mile"},
    {id:4, checked:false, name:"4 Mile"},
    {id:5, checked:false, name:"5 Mile"}
];

$scope.handleRadioClick = function(){
    alert();

};
});

和HTML

          <div class="radio">
            <label>
              <input type="radio" name="radius"

                   ng-change="handleRadioClick()"
                   ng-checked="radius.checked">

              {{radius.name}}

            </label>
          </div>

      </li>

注意根据半径范围结构检查"2 Mile"无线电输入.为什么ng-change不会触发功能？

如果我添加ng-model,函数会触发,但ng-checked不起作用.