根据选择更改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>