En junio, Google lanzó la versión estable AngularJS 1.0,
Y declaró que: AngularJS le permite extender la sintaxis HTML para representar de manera clara y concisa componentes en su aplicación, y permite HTML estándar como su lenguaje de plantilla. AngularJS puede sincronizar automáticamente los datos de una interfaz de usuario (vista) con objetos JavaScript (modelos) a través de la unión de datos bidireccionales.
Comencé a contactar a Angularjs cuando llegué al nuevo equipo del proyecto en abril. En este momento, AngularJS todavía estaba en la versión inestable 0.8 y ha comenzado a usarse en el proyecto. Este marco se aplica a todo el final de la interfaz de usuario del proyecto, y el extremo del servidor también es una API web inestable. Realmente admiro el coraje y el entusiasmo del equipo por las nuevas tecnologías. Afortunadamente, todos pueden controlarlo bien. Esta es la primera vez que probé un proyecto lleno de tecnologías inestables.
Volviendo al tema, echemos un vistazo a un ejemplo oficial:
<! Doctype html> <html ng-app> <head> <script src = "http://code.angularjs.org/angular-...min.js"> </script> </head> <body> su nombre: <input type = "text" ng-model = "your name" sholder = "world"> <hr> hello {{{{{'' '{| | 'World'}}! </body> </html>Manifestación:
Su nombre:
----------------------------------------------------------------------------------------------------------------------------
¡Hola Mundo!
Nota: Ingresar cualquier carácter en el cuadro de entrada se unirá inmediatamente a la actualización de la página.
1. Aquí, el enlace de la Directiva (Directiva) NG-Model es el Atributo de alcance del modelo su nombre de nombre.
2. Y use expresiones para vincular su nombre de nombre a la información del texto.
3. Solo se necesita cualquier escucha de tiempo DM aquí, porque AngularJS está incorporado.
El programa AngularJS se divide en 3 partes: plantilla, lógica de la capa de presentación y datos (modelo).
Plantilla: usamos HTML y CSS para escribir el código de vista UI, que contiene instrucciones y expresiones de AngularJS, y eventualmente será compilado por el mecanismo de compilación AngularJS para unir al árbol DOM. Las directivas de Angularjs pueden ser extendidas libremente por nosotros.
Lógica de la capa de presentación: incluida la lógica y el comportamiento de la aplicación. Use la definición de JavaScript como lógica del controlador de vista. Como el marco MVC en AngularJS, no necesitamos agregar el nivel de Evento para la escucha para el nivel DOM en el controlador, que ya está construido en AngularJS. Después de que ocurra el evento DOM del nodo UI, AngularJS irá automáticamente a una cierta lógica de comportamiento (acción) en el alcance.
Datos: ViewObject debe ser referenciado por el alcance AngularJS (aparecido como servicio en 1.0), que puede hacer cualquier tipo de objeto JavaScript, matriz, tipo primitivo, objeto. Además, AngularJS actualizará automáticamente el modelo de forma asincrónica, es decir, actualizará automáticamente el modelo (modo) cuando la interfaz de usuario cambie y, por el contrario, actualizará automáticamente la UI cuando cambie el modelo. Aquí no necesitamos definir algunos métodos de columna, como getters y setters.
Aquí hay una vista del oficial:
Al mismo tiempo, AngularJS nos proporciona algunos servicios útiles para columnas, y nos permite agregar servicios para nuestro propio negocio específico, proporcionando el AJAX subyacente, la caché, el enrutamiento de URL, los servicios abstractos del navegador, y podemos usar cualquier combinación de estos servicios al mecanismo de inyección AngularJS. Al mismo tiempo, AngularJS también es un marco de JavaScript altamente comprobable. Puede ver que en los ejemplos oficiales, todos tienen programas de prueba en ellos y dan un marco de desarrollo BDD (basado en el comportamiento).
Lo anterior es el Framework MVC de AngularJS JavaScript que le presenta el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!