Javascript 如何使用带有复选框值的ng模型？

我想说：

应同时或分别检查/取消检查汇总行的datetime和object。我的显示像照片：

我使用ng模型。我的复选框代码如下所示：

 <div class='ui-widget-header ui-corner-all pw-chart-header' style="padding-left:12px ">
                                            <input type="checkbox" value="3" style="vertical-align: middle; margin: 0" id="selectsummarizationType" ng-model="summarizationtypeBoth" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false" class="ng-pristine ng-untouched ng-valid"> Summary Row
                                        </div>


      <div style="padding-top:10px ; padding-bottom:10px; padding-left:10px ; padding-right:10px">
                                                   <label for="uxDatetime">
                                                     <input type="checkbox" value="1" style="vertical-align: middle; margin: 0" id="uxDatetime" name="uxDatetime" ng-model="summarizationtypeDate" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false" class="ng-pristine ng-untouched ng-valid"> Datetime
                                                   </label>
                                                   <label for="uxObject" style="float: right">
                                                     <input type="checkbox" value="2" style="vertical-align: middle; margin: 0" id="uxObject"  name="uxObject" ng-model="summarizationtypeObject" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false" class="ng-pristine ng-untouched ng-valid"> Object
                                                   </label>
                                                </div>

如何使用ng模型，如何编写？

---

请。

Us ng更改属性：

<input type="checkbox" value="3" style="vertical-align: middle; margin: 0" id="selectsummarizationType" ng-model="summarizationtypeBoth" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false" class="ng-pristine ng-untouched ng-valid" ng-change="summaryChecked()"> Summary Row

---

查看此plunker

尽量避免使用

$scope.$watch

，因为这可能会降低web应用程序的速度

您应该使用一个具有3个值的对象，并使用getter和setter来确保您的条件。这里有一个例子：

---

使用

ng型号选项

，你可以强制打电话给你的设定者：

将ng更改放在摘要输入上，然后设置其他两个。如果我理解你的问题，请检查此plunker，我认为这对我有帮助，但我该怎么做：将ng更改放在摘要输入上，然后设置其他两个。顺便说一句，谢谢你的回答@YOUI'm working learn angularjs，所以我是新手。所以我不确定代码会如何转换。你能举出毫无疑问的例子吗@Thibault FriedrichI做了什么，但什么也没做。可能是因为：我的ng模型是空的@Silvinu在这种情况下，在输入后添加以下内容：{{SummationTypeBoth}-{SummationTypeDate}-{SummationTypeObject}}abd在您第一次检查SummationTypeBoth的值时进行检查。我不明白。你什么意思@SilvinusJ必须在hml页面中添加“{SummationTypeBoth}-{{SummationTypeDate}}-{{SummationTypeObject}”。这将显示此范围属性的值。当我检查SummationTypeTweet输出：true-true-true时，只是检查您的属性是否正确绑定到Scope上@西尔维努斯

<input type="checkbox" value="3" style="vertical-align: middle; margin: 0" id="selectsummarizationType" ng-model="summarizationtypeBoth" btn-checkbox btn-checkbox-true="true" btn-checkbox-false="false" class="ng-pristine ng-untouched ng-valid" ng-change="summaryChecked()"> Summary Row

$scope.summaryChecked = function() { 
   $scope.summarizationtypeDate = $scope.summarizationtypeBoth
   $scope.summarizationtypeObject= $scope.summarizationtypeBoth
}