Latest web development tutorials

AngularJS инструкция нг-переключатель

AngularJS Справочное руководство AngularJS Справочное руководство


В зависимости от выбранного значения соответствующего части дисплея:

<div ng-switch="myVar">
  <div ng-switch-when="w3big">
     <h1>本教程</h1>
     <p>欢迎访问本教程</p>
  </div>
  <div ng-switch-when="google">
     <h1>Google</h1>
     <p>欢迎访问Google</p>
  </div>
  <div ng-switch-when="taobao">
     <h1>淘宝</h1>
     <p>欢迎访问淘宝</p>
  </div>
  <div ng-switch-default>
     <h1>切换</h1>
     <p>选择不同选项显示对应的值。</p>
  </div>
</div>

Попробуйте »


Определение и использование

Команданг-переключатель , чтобы показать или скрыть в зависимости от выражения соответствующей части.

Соответствующий подэлементнг-включение , когдазаказ, если вы выбираете для отображения , соответствующие выбранным, а другой для удаления матча.

Можно установить параметры по умолчанию с помощьюнг-переключателя по умолчанию команду, если обстоятельства не совпадают, то будет отображаться опция по умолчанию.


грамматика

<Элемент нг-переключатель = "Выражение ">
<Элемент нг-включение , когда = "значение"> </ элемент>
<Элемент нг-включение , когда = "значение"> </ элемент>
<Элемент нг-включение , когда = "значение"> </ элемент>
<Элемент нг-переключатель по умолчанию> </ элемент>
</ Элемент>

<Форма> элемент поддерживает свойство.


Параметр Значение

значение описание
выражение Выражение будет соответствовать дисплей не соответствует элемент удаляется.

AngularJS Справочное руководство AngularJS Справочное руководство