La plantilla angular es una especificación de declaración, que se representa en la vista que el usuario ve en el navegador junto con la información del modelo y el controlador. Es un DOM estático, que incluye HTML, CSS, elementos especiales angulares y atributos de elementos especificados angulares. Los elementos y atributos angulares indican angular para extender el comportamiento y convertir la plantilla DOM a una vista dinámica DOM.
Aquí está el tipo de un elemento angular ya atributo que podemos usar en la plantilla:
Nota: Además de declarar los elementos anteriores en la plantilla, también podemos acceder a estos elementos en el código JavaScript.
El siguiente fragmento de código muestra una plantilla angular simple que consiste en etiquetas HTML estándar y directiva angular, expresión de brazo ({{expresión}}, //www.vevb.com/article/91742.htm).
<! DocType html> <!-ng-app, defina el alcance de la aplicación, cree root scop-> <html ng-app> <fead> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> TEMPLATE </title> <teta Content = "IE = Edge, CHHROME, CHROME = 1" http-oquiv = "x-ua-compatible"> <style type = "text/css"> .ng-cloak {display: none; } </style> </head> <!-ng-cloak, clase que se eliminará después de la compilación ng-controller, una directiva, utilizada para especificar que el controlador correspondiente de la plantilla actual es mycontroller-> <cuerpo ng-confuntroller = "mycontroller"> <!-ng-model, la directiva, utilizada para especificar que el modelo correspondiente del valor de la entrada es foo. -> <input type = "text" ng-model = "foo" value = ""/> <!-ng-click, directiva, lo que necesita hacer después de hacer clic puede ser la expresión, como buttontext = '1'; o puede ser una función de llamadas, como se muestra a continuación. {{Buttontext}}, utilizado para mostrar el valor de Buttontext que puede ser u obtenerse en la cadena de alcance actual-> <Botton ng-Click = "ChangeFoo ()"> {{Buttontext}} </boton> <script src = "../ angular-1.0.1.js" type = "text/javaScript"> </script> <script type = "text/jaxcript"/jawet " MyController ($ scope) {$ scope.buttontext = "cosas predeterminadas"; // Inicializar el modelo Buttontext $ scope.foo = "Modify Me"; // Inicializar el modelo foo $ scope.changefoo = function () {// }; } </script> </body> </html>En una aplicación simple de una sola página, la plantilla consiste en HTML, CSS y directiva angular, todas contenidas en un archivo HTML (generalmente llamado index.html). Pero en algunas aplicaciones más complejas, podemos mostrar múltiples vistas en una página utilizando "parciales", es decir, almacenar los segmentos de plantilla en un archivo HTML separado. Podemos usar el servicio $ ruta (http://code.angularjs.org/1.0.2/docs/api/ng.$route) y la directiva ngview (http://code.angularjs.org/1.0.2/docs/api/ng.directive:ngview) en la página principal "Incluye". Un ejemplo de esta técnica se muestra en el séptimo y octavo paso del tutorial angular (http://code.angularjs.org/1.0.2/docs/tutorial/index). (Jugaré con esta parte más tarde -_-!)
Lo anterior es una recopilación de información sobre AngularJS comprendiendo las plantillas angulares. Continuaremos agregando información relevante en el futuro. ¡Gracias por su apoyo para este sitio!