带有ng-model的复选框,反映是否显示了另一个元素

时间:2017-06-28 17:07:31

标签: angularjs checkbox angularjs-ng-model

我有一个元素复选框,我想在未显示另一个元素时重置ng-model的值,例如:如果在我的视图中没有显示另一个元素,则设置为false。 ng-show只隐藏我的复选框,但不反映在控制器的对象中。

<select ng-model="item.myOption" convert-to-boolean>
  <option value="false" selected>Option false</option>
  <option value="true">Option true</option>
</select>
<input type="checkbox" ng-model="item.myChecked" ng-show="item.myOption">

1 个答案:

答案 0 :(得分:1)

您可以在选择字段的ng-change上编写小函数,您可以在其中将checkbox的模型值设置为true或false或null。

        <service android:name=".notification.MessagingService">
            <intent-filter>
                <action android:name="com.google.firebase.MESSAGING_EVENT" />
            </intent-filter>
        </service>

        <service android:name=".notification.InstanceIDService">
            <intent-filter>
                <action android:name="com.google.firebase.INSTANCE_ID_EVENT" />
            </intent-filter>
        </service>

http://plnkr.co/edit/ekNxZImNIBisBCrfZsFS?p=preview

同样,您可以更改任何相关字段的值(例如在用户使用datepicker选择其DOB后立即查找年龄字段值等)。您可以将switchcase用于大的值集,而不是在change函数内使用if else