Изменить значение div в зависимости от выбора

Question

Я понимаю, как изменить значение div с помощью {{model_value}}. У меня немного сложнее. Вот мой код:

<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> UNLESS, это 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>