根據選擇更改div的值

Question

我瞭解如何使用{{model_value}}更改div的值。我所擁有的是稍微複雜一點。這裏是我的代碼：

<div class="form-control" ns-show="runningImport" disabled="disabled"> 
    {{input[row.header_safe]}}{{select[row.header_safe] != 'Add Attribute')) 
</div> 
<select class="form-control" 
    ng-model="select[row.header_safe]" 
    ng-options="option for option in row.options" 
    ng-hide="select[row.header_safe] == 'Add Attribute' || runningImport"></select> 
<input class="form-control" 
    ng-model="input[row.header_safe]" 
    ng-show="select[row.header_safe] == 'Add Attribute'" 
    ng-hide="runningImport" 
    placeholder="{{inputPlaceHolders}}" 
    ng-required="select[row.header_safe] == 'Add Attribute'" 
    ng-readonly="runningImport"/> 

如果我<select>已Add Attribute選擇，它隱藏，並顯示輸入字段。我想更新<div>的內容以顯示<select>的值，除非它是Add Attribute，在這種情況下應該顯示<input>的值。

我該怎麼做？

Answer 1

也許你可以使用兩個div。

如果選擇「添加屬性」，則顯示輸入內容。另一個不是'添加屬性'被選中。

<div class="form-control" ng-hide="select[row.header_safe] == 'Add Attribute'"> 
    {{select[row.header_safe] != 'Add Attribute')) 
</div> 
<div class="form-control" ng-show="select[row.header_safe] == 'Add Attribute'> 
    {{input[row.header_safe]}} 
</div>