Question

我的ng-model是sandtonmodel。我正在使用基于此型号名称的开关。当模型值为！=＆＃34;我正在努力展示一些内容。＆＃34;当切换= =＆＃34时，它必须显示其他内容; ＆＃34;
我这样做。

       <div ng-switch="sandtonmodel">
       <div ng-switch-when="sandtonmodel != "" ">
       The Quantity in ton: {{sandtonmodel}}<br>
       Total price:{{sandtonmodel * 120}}<br>
       </div>
       <div ng-switch-when="sandtonmodel == "" ">
       The Quantity in bag: {{sandbagmodel}}<br>
       Total price:{{sandbagmodel * 120}}<br>
       </div>
       </div>

Answer 1

我认为你所接触的价值不应该是一个条件，它应该是一个价值。

您可以使用ng-switch-default来捕捉与您已经开启的内容不匹配的内容。

以下是ng-switch的文档。

例如：

<div ng-switch="sandtonmodel">
    <div ng-switch-when="">
        The Quantity in bag: {{sandbagmodel}}<br>
        Total price:{{sandbagmodel * 120}}<br>
    </div>
    <div ng-switch-default>
        The Quantity in ton: {{sandtonmodel}}<br>
        Total price:{{sandtonmodel * 120}}<br>
    </div>
</div>

或者您可以使用ng-if。

<div ng-if="sandtonmodel === ''">
    The Quantity in bag: {{sandbagmodel}}<br>
    Total price:{{sandbagmodel * 120}}<br>
</div>

<div ng-if="sandtonmodel !== ''"">
    The Quantity in ton: {{sandtonmodel}}<br>
    Total price:{{sandtonmodel * 120}}<br>
</div>

或者您可以使用ng-show。

<div ng-show="sandtonmodel === ''">
    The Quantity in bag: {{sandbagmodel}}<br>
    Total price:{{sandbagmodel * 120}}<br>
</div>

<div ng-show="sandtonmodel !== ''"">
    The Quantity in ton: {{sandtonmodel}}<br>
    Total price:{{sandtonmodel * 120}}<br>
</div>

如何在ngmodel为==＆＃34;时显示内容＆＃34;（空）如果ngmodel是！=＆＃34; ＆＃34;它必须显示其他内容

1 个答案: