Comando angularjs ng-switch
Exiba a parte correspondente de acordo com o valor selecionado:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-n-in-in-in-in-in-ing = myng "> </script> </head> <opção value = "runooob"> www.runoob.com <opção value = "google"> www.google.com <opção value = "Taobao"> www.taobao.com </leclect> <hr> <d pp ng-switch = "myVar"> <dng-switch-when = "runooob"> tutorial </p> </div> <div ng-switch-when = "google"> <h1> google </h1> <p> Bem-vindo ao google </p> </div> <div ng-switch-when = "Taobao"> <h1> Taobao </h1> <p> welcome to taobao </p> <p> Selecione diferentes opções para exibir os valores correspondentes. </p> </div> </div> <hr> <p> A diretiva ng-switch exibe ou oculta a parte correspondente com base no valor atual. </p> </body> </html>
Definição e uso
A diretiva ng-switch exibe ou oculta a parte correspondente de acordo com a expressão.
Os elementos infantis correspondentes usam a diretiva NG-Switch-quando. Se a correspondência for selecionada, selecione a tela e os outros serão removidos.
Você pode definir as opções padrão usando a diretiva NG-Switch-Default. Se nenhum deles corresponder, as opções padrão serão exibidas.
gramática
<elemento ng-switch = "Expression"> <elemento ng-switch-when = "value"> </lement> <elemento ng-switch-when = "value"> </element> <elemento ng-switch-when = "value"> </element> <elemento ng-switch-default> </elemento </element>
O elemento <form> suporta esta propriedade.
Valor do parâmetro
| valor | descrever |
|---|---|
| Expressão | A expressão fará com que a partida apareça e a incompatibilidade será removida. |
O acima é uma introdução detalhada ao comando angularjs ng-switch. Continuaremos a adicioná -lo mais tarde. Obrigado pelo seu apoio a este site!