Definición y características de AngularJS
1.Foogle Front-End Open Source Framework
2. Modo de diseño de MVVVM (Vista de vista de modelo): el modelo interactuará con el modelado (a través del objeto $ alcance) y escuchará los cambios en el modelo. Estos se pueden enviar y representar a través de la vista, y HTML muestra su código
3. Descanso conveniente
4. Enlace de datos e inyección de dependencia
5. Puede operar HTML como XML. AngularJS puede completar la configuración relevante a través de su propio compilador y directivas.
6. La plantilla se pasa como un elemento dom para el compilador de Angular
7. AngularJS extiende HTML a través de directivas y une datos a HTML a través de expresiones.
Construir una aplicación AngularJS
Agregue la etiqueta <script> de Angular a la etiqueta <cead>
La copia del código es la siguiente:
<script src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"> </script>
Agregar directiva ng-app a la etiqueta <body>
La copia del código es la siguiente:
<cuerpo
ng-app = "guetonline"
ng-controller = "principalController"
>
Cree un nuevo archivo de directorio y archivo App.js, defina y configure todos los módulos y dependencias en App.js
La copia del código es la siguiente:
var app = angular.module ('guetonline', [
'Ngroute',
'móvil-angular-ui',
'Mobile-Angular-UI.Gestures'
]);
Definir controladores, servicios e instrucciones en la aplicación de módulo
La copia del código es la siguiente:
app.controller ('mainctrl', function ($ rootscope, $ scope, $ http) {}) // controlador
app.service ('mainsevicel', function () {}) // servicio
app.directive ('dragTodismiss', function () {}) // instrucciones
Definir rutas en la aplicación del módulo
La copia del código es la siguiente:
app.config (function ($ ruteProvider) {
$ Routeprovider.When ('/', {TemplateUrl: 'index/home', reloadonsearch: false});
$ Routeprovider.When ('/scroll', {TemplateUrl: 'scroll.html', reloadonsearch: false});
$ RoutepRoVider.When ('/toggle', {TemplateUrl: 'toggle.html', reloadonsearch: false});
$ Routeprovider.When ('/Tabs', {TemplateUrl: 'tabs.html', reloadonsearch: false});
$ RoutepRovider.When ('/Accordion', {TemplateUrl: 'Accordion.html', ReloadonSearch: False});
$ RoutepRovider.When ('/Overlay', {TemplateUrl: 'Overlay.html', reloadonsearch: false});
$ Routeprovider.When ('/Forms', {TemplateUrl: 'forms.html', reloadonsearch: false});
$ Routeprovider.When ('/Dropdown', {TemplateUrl: 'Dropdown.html', reloadonsearch: false});
$ Routeprovider.When ('/drag', {TemplateUrl: 'drag.html', reloadonsearch: false});
$ RoutepRovider.When ('/Carousel', {TemplateUrl: 'Carousel.html', reloadonsearch: false});
$ RoutepRovider.When ('/News/Official_View', {TemplateUrl: '/News/Official_View', reloadonsearch: false});
});
continuará. . El siguiente paso es aprender más pasos en profundidad, y hay filtros