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

Question

我在使用 ng-model 时遇到了一些麻烦。每当 select 框中的选项被 selected 时，函数 checkshow() 就会被调用。根据 selected 的按钮，它应该调用条件中的函数。

   $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);
                }

                };

只有if和else条件有效，它永远不会进入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 个单选按钮 1 和 2。我没有编写它们的代码，因为它们的条件正常。

Answer 1

复选框的模型是一个布尔值：如果带有ng-model="checkboxed1"的复选框被选中，则$scope.checkboxed1设置为真，否则设置假的。

但您将其与 'detailchecked' 进行比较，因此该比较将永远是错误的。

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

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

Angularjs ng-model for checkbox input

angularjs

angular-ngmodel