AngularJS -Definition und Merkmale
1. Gehen Sie Front-End Open Source-Framework
2. MVVM (Modell View View-Model) Designmodus: Das Modell interagiert mit dem ViewModel (über das $ Scope-Objekt) und hört auf die Änderungen im Modell an. Diese können durch die Sichtweise gesendet und gerendert werden, und HTML zeigt Ihren Code an
3.. Bequeme Ruhe
4. Datenbindung und Abhängigkeitsinjektion
5. Sie können HTML wie XML bedienen. AngularJs kann die relevanten Einstellungen über seinen eigenen Compiler und seine Richtlinien ausfüllen.
6. Die Vorlage wird als DOM -Element an den Compiler von Angular übergeben
7. AngularJs erweitert HTML durch Anweisungen und bindet Daten durch Ausdrücke an HTML.
Bauen Sie eine AngularJS -Anwendung auf
Fügen Sie das <Skript> -Tag von Angular zum <kopf> -Tag hinzu
Die Codekopie lautet wie folgt:
<script src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"> </script>
Fügen Sie die NG-App-Richtlinie zum <Body> Tag hinzu
Die Codekopie lautet wie folgt:
<Körper
ng-App = "Guetonline"
ng-controller = "MainController"
>
Erstellen Sie ein neues Verzeichnisskript und eine App.js -Datei, definieren und konfigurieren Sie alle Module und Abhängigkeiten in App.js
Die Codekopie lautet wie folgt:
var app = angular.module ('Guetonline', [
'ngroute',
"Mobile-Angular-UI",
"Mobile-Angular-Ui.gestures"
]);
Definieren Sie Controller, Dienste und Anweisungen in der Modul -App
Die Codekopie lautet wie folgt:
app.controller ('mainctrl', function ($ rootscope, $ scope, $ http) {}) // Controller
App.Service ('mainsevicel', function () {}) // Service
app.directive ('dragtodismiss', function () {}) // Anweisungen
Definieren Sie Routen in der Modul -App
Die Codekopie lautet wie folgt:
app.config (Funktion ($ routeProvider) {
$ 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: 'tab.html', reloadonsearch: false});
$ routeProvider.when ('/akkorion', {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});
});
fortgesetzt werden. . Der nächste Schritt besteht darin, mehr eingehende Schritte zu erfahren, und es gibt Filter