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>

根据选择更改div的值

1 个答案: