Définition et fonctionnalités angularjs
1. Framework open source frontal de GOOGLE
2.MVVM (modèle de vue du modèle de vue) Mode de conception: le modèle interagira avec le mode ViewModel (via l'objet $ Scope) et écoutera les modifications du modèle. Ceux-ci peuvent être envoyés et rendus par vue, et HTML montre votre code
3. Repos pratique
4. Injection de liaison des données et de dépendance
5. Vous pouvez faire fonctionner HTML comme XML. AngularJS peut compléter les paramètres pertinents via son propre compilateur et directives.
6. Le modèle est passé comme un élément DOM au compilateur d'Angular
7. AngularJS étend le HTML par des directives et lie les données au HTML par des expressions.
Construisez une application AngularJS
Ajouter la balise <cript> d'Angular à la balise <adread>
La copie de code est la suivante:
<script src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"> </ script>
Ajouter la directive Ng-App à la balise <body>
La copie de code est la suivante:
<corps
ng-app = "Guétonline"
ng-contrôleur = "MainController"
>
Créez un nouveau script de répertoire et un fichier app.js, définissez et configurez tous les modules et dépendances dans app.js
La copie de code est la suivante:
var app = angular.module ('guetonline', [
'ngoute',
«Mobile-Angular-UI»,
«Mobile-Angular-UI.
]));
Définissez les contrôleurs, services et instructions dans l'application de module
La copie de code est la suivante:
app.Controller ('Mainctrl', fonction ($ rootscope, $ scope, $ http) {}) // contrôleur
app.service ('MAINSEVICEL', fonction () {}) // Service
app.directive ('dragtodismiss', function () {}) // instructions
Définir les routes dans l'application de module
La copie de code est la suivante:
app.config (function ($ RouteProvider) {
$ RouteProvider.When ('/', {templateUrl: 'index / home', reloadonsearch: false});
$ rateprovider.when ('/ scroll', {templateUrl: 'scroll.html', reloadonsearch: false});
$ rateprovider.when ('/ toggle', {templateUrl: 'toggle.html', reloadonsearch: false});
$ rateprovider.when ('/ tabs', {templateUrl: 'tabs.html', reloadonsearch: false});
$ rateprovider.when ('/ accordéon', {templateUrl: 'accordéon.html', reloadonsearch: false});
$ rateprovider.when ('/ superposition', {templateUrl: 'superlay.html', reloadonsearch: false});
$ RouteProvider.When ('/ Forms', {templateUrl: 'forms.html', reloadonsearch: false});
$ rateprovider.when ('/ dropdown', {templateUrl: 'dropdown.html', reloadonsearch: false});
$ rateprovider.when ('/ drag', {templateUrl: 'drag.html', reloadonsearch: false});
$ RouteProvider.When ('/ Carousel', {templateUrl: 'carrousel.html', reloadonsearch: false});
$ RouteProvider.When ('/ news / officiel_view', {templateUrl: '/ news / officiel_view', reloadonsearch: false});
});
à suivre. . La prochaine étape consiste à apprendre plus d'étapes approfondies, et il y a des filtres