как отобразить содержимое, когда ngmodel = = «» (пусто) и если ngmodel равно! = «», оно должно отображать другое содержимое

Question

как отобразить содержимое, когда ngmodel = = «» (пусто) и если ngmodel равно! = «», оно должно отображать другое содержимое

0

моя ng-модель - sandtonmodel. я использую переключатель, основанный на этом имени модели. Я пытаюсь отобразить некоторый контент, когда значение модели равно! = "", И он должен отображать другой контент, когда переключатель равен == ""
Я так делаю.

       <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>

chandru 22 март 2016, в 18:23

Источник

Теги:

angularjs

1 ответ

Ещё вопросы

PeteGO · Accepted Answer · 2016-03-22T15-18-00.000Z

Я не думаю, что значение, которое вы включаете, должно быть условием, оно должно быть значением.

Вы можете использовать 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>

если я использую NG-шоу для обоих условий, он показывает 2-й только сэр .. он отображает только тонну
Сэр, мое состояние: когда значение модели равно! == "" (пусто), оно должно отображать 'количество в тоннах части', а затем, когда значение модели === пусто, оно скрывает тонну части n, оно должно отображать 'количество в часть сумки, сэр ..
Не уверен, что вы имеете в виду. Если пример ng-show не работает - не могли бы вы объяснить, почему? «это показывает только 2-й» - это значит, что вы хотите, чтобы оба отображались?
см. пример, когда ngmodel === "" (пусто), оно должно отображать часть количества в сумке.
когда ngmodel! == "" он должен отображать часть количества в тоннах. Но в обоих ваших случаях он отображает «количество в тоннах» только сэр ...
В 1-м условии (примера ng-show ) он использует === но во 2-м условии он использует !== поэтому он должен отображать только правильный раздел.