javascript - 如果 Angularjs 中的复选框为 true，如何获取动态生成的复选框的值

Question

嗨，我正在开发 angularjs 应用程序。我已经使用 ng-repeat 动态生成了复选框。我的设计如下。

<ul>
    <li ng-repeat="screen in screenMap">
        <input type="text" ng-model="screen.scrn_name" />
        <input type="hidden" value="{{screen.scrn_id}}" />
        <input type="checkbox" name="vehicle" value="Read">
        <input type="checkbox" name="vehicle" value="Write">
        <br>
    </li>
</ul>
<input type="button" value="APPLY" ng-click="apply()" />

下面是我的js代码。

 $scope.apply = function () {

        }

我想获得像 scrn_name,true,false 格式的数组。如果选中该复选框，则为 true，否则为 false。我可以知道如何得到这个吗？任何帮助，将不胜感激。谢谢。

Answer 1

浏览angular checkbox

使用ng-true-value和ng-true-value

<ul>
<li ng-repeat="screen in screenMap">
<input type="text" ng-model="screen.scrn_name" />
<input type="hidden" value="{{screen.scrn_id}}"/>
<input type="checkbox" name="vehicle" ng-model="screen.write" ng-true-value="true" ng-false-value="false"> 
<input type="checkbox" name="vehicle" ng-model="screen.read" ng-true-value="true" ng-false-value="false"><br>
</li>
</ul>
<input type="button" value="APPLY" ng-click="apply()"/>


$scope.apply = function () {
  console.log($scope.screenMap);//[{..,read:true,write:false},...]
}