AngularJS - 隐藏元素时禁用ng-model

时间:2017-10-19 13:52:03

标签: javascript angularjs

我想知道当我的元素被隐藏时如何禁用ng-model(或给他" null")?

例如,我已经选择了ng-model =" code"的输入。在下面我有元素

<div class="form-group" ng-show="code=='group'">
<select class="form-control" ng-required="code =='group'" ng-model="groupWork"  ng-show="isNew" some ng options">
</select>

所以 - 当我点击第一个输入并获得&#34; GROUP&#34;价值,点击选项中的选项,想要改变我的想法并输入第一个输入值&#34; NOGROUP&#34;,我的ng-model仍在工作并发送帖子。

我该如何解决?

1 个答案:

答案 0 :(得分:0)

<div class="form-group" ng-if="code=='group'">
<label class="col-md-4 col-lg-4 control-label">Group</label>
<div class="col-md-7 col-lg-7">
    <select class="form-control" ng-required="code=='group'" ng-disabled="!edit || !isNew" name="groupWork" ng-model="groupWork" ng-options="groupWork.kod for groupWork in comboGroupWork track by groupWork.id" ng-show="isNew">
    </select>
    <input type="text" class="form-control" name="groupWork" ng-model="groupWork.code" ng-required="code=='group'" ng-disabled="true" ng-show="!isNew"> 
</div>

我测试了ng-if在我的div表单组中,但是,当选择with group隐藏时,但是之前我选择了一些组 - ng模型发送它。我怎么能这样做?

@edit - 我删除了甚至输入和ng-show in select已更改为相同的ng if。仍然隐藏了字段 - ng模型得到了这个。