Question

我有两个变量，一个存储chexboxes，另一个存储检查的值，我发现有一个问题是显示从控制器到视图的复选框及其值（已选中，未选中）。我在控制器上有这个代码

$scope.infoParticipant = functionThatGetsParticipants();
           for (var i = 0; i < $scope.infoParticipant.length; i++) {
                    if ($scope.infoParticipant[i].ch_type == 'checkbox_multiple') {
                            var optionsString = $scope.infoParticipant[i].cf_multiple_optionsList;
                            $scope.infoParticipant[i].optionsTab = optionsString.split(";");
                            var optionsSelected = $scope.infoParticipant[i].v_value.split(";");
                    }
}

在先例代码中，这些应该是值

optionsString = "ch1;ch2;ch3";
$scope.infoParticipant[i].v_value = "ch1;ch2";

根据这个复选框：ch1和ch2将在下一个视图中检查：

      <div ng-show="l.ch_type=='checkbox_multiple'">
            <label >My checkboxes</span></label>

            <div class="row" ng-repeat="k in l.optionsTab">

            <div class=" col-md-2 modal_style_input">{{k}} </div> 
            <div class="col-md-2"><input type="checkbox" name="option" class="md-input" id="option {{k}}"  class="wizard-icheck" value="{{k}}" icheck ng-model="" /></div>
            <div class="col-md-8"></div>

            </div>
        </div>

我的问题是如何修改我的控制器以及在ng-model上放置什么以检查我的正确chexbox？

提前致谢。

Answer 1

在您的情况下，一个解决方案是在复选框中使用ngCheck指令。

<input type="checkbox" id="option {{k}}" value="{{k}}" ng-check="isOptionAvailable({{k}})" /></div>

isOptionAvailable（opt）是一个javascript函数，您可以将其添加到作用域中，当$ scope.infoParticipant [i] .v_value中存在k时，该函数返回true。

编辑：为了回答您的上一条评论，我创建了一个显示其工作原理的plunker

如何根据我的数据库模型显示复选框结果？

1 个答案: