用于复选框输入的Angularjs ng-model

时间:2016-08-03 09:14:18

标签: angularjs angular-ngmodel

我在使用ng-model时遇到了一些麻烦。只要选择了选择框中的选项,就会调用函数checkshow()。根据选择的按钮,它应该在条件中调用该功能。

   $scope.checkshow=function(item) {
                    alert(item);
                    var Name=item;
                    if ($scope.radioSelected === 'radiobutton1')
                    {   $scope.show(Name);
                        $scope.showfeature(Name);

                    }
                    else if($scope.radioSelected === 'radiobutton2' && $scope.checkboxed1 === 'detailchecked'){
                        alert("detail");
                        $scope.showDetails(Name);

                        }
                    else if($scope.radioSelected === 'radiobutton2' && $scope.checkboxed2 === 'comparechecked'){
                        alert("Surprise");
                      }

                else{
                    $scope.showS(Name);
                }

                };

只有ifelse条件有效,它永远不会进入else if部分。

<input type="checkbox" id="chck1" disabled value="detailchecked" ng-model="checkboxed1">Detailed                          
    <input type="checkbox" id="chck2" disabled value="comparechecked" ng-model="checkboxed2">Compare</label></td></tr>

有2个radiobuttions 1和2.我没有编写代码,因为它们的条件正常。

1 个答案:

答案 0 :(得分:0)

复选框的模型是布尔值:如果选中a_4, a_4, a_4, a_10, a_11, a_6的复选框,则ng-model="checkboxed1"设置为true,否则设置为false。

但是你将它与$scope.checkboxed1进行比较,因此比较总是错误的。

阅读documentation:它解释了它的工作原理并提供了示例。