Comando AngularJS Ng-Switch
Muestre la parte correspondiente de acuerdo con el valor seleccionado:
<! Doctype html> <html> <fead> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <cuerpo ng-app = ">" Sitio i me gusta <select ng-model-model value = "ranooob"> www.runoob.com <opción value = "google"> www.google.com <opción valor = "taobao"> www.taobao.com </elect> <hr> <div ng-switch = "myvar"> <divitch-switch-when = "renooob"> <hin Tutorial </p> </div> <div ng-switch-when = "google"> <h1> google </h1> <p> Bienvenido a google </p> </div> <div ng ng-switch-when = "taobao"> <h1> taobao </h1> <p> Bienvenido a taobao </p> </iv> <iv ng-switch-decefeal </h1> <p> Bienvenido a taobao </p> </iv> <iv ng-switch-decefeal </h1> <p> Bienvenido a Taobao </p> </piv> <iv ng-switch-decefeal </h1> <P> <p> Seleccione diferentes opciones para mostrar los valores correspondientes. </p> </div> </div> <hr> <p> La directiva Ng-Switch muestra o oculta la parte correspondiente en función del valor actual. </p> </body> </html>
Definición y uso
La Directiva Ng-Switch muestra o oculta la parte correspondiente de acuerdo con la expresión.
Los elementos infantiles correspondientes usan la directiva NG-Switch-When. Si se selecciona la coincidencia, seleccione la pantalla y se eliminan los otros.
Puede establecer las opciones predeterminadas utilizando la Directiva NG-Switch-Default. Si ninguna de ellas coincide, se mostrarán las opciones predeterminadas.
gramática
<elemento ng-switch = "expresión"> <elemento ng-switch-when = "valor"> </ememem> <elemento ng-switch-when = "valor"> </elemento> <elemento ng-switch-when = "valor"> </elemento> <elemento ng-switch-fault> </ememem> </elemento>
El elemento <form> admite esta propiedad.
Valor de parámetro
| valor | describir |
|---|---|
| Expresión | La expresión hará que la coincidencia aparezca y se eliminará el desajuste. |
Lo anterior es una introducción detallada al comando Angularjs Ng-Switch. Continuaremos agregándolo más tarde. ¡Gracias por su apoyo para este sitio!