AngularJS - 當隱藏元素時禁用ng-model

Question

我在想如何禁用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> 

所以 - 當我點擊第一個輸入並獲得「集團」的價值，在選擇點擊選項，並想改變我的想法，並把在第一個輸入值「NOGROUP」我的ng模型仍在工作併發送帖子。

我該如何解決？

Answer 1

<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-如果在我的div形式基，並且還選擇當組是隱藏的，但前面我挑選了一些組 - ng的模型發送。我怎樣才能做到這一點？

@edit - 我刪除了即使輸入和ng顯示在選擇改變相同的ng如果。仍然當字段被隱藏 - ng模型得到了這個。