Teilen Sie detaillierte Beispiele im Zusammenhang mit Angularjs
Ich blieb dieses Wochenende zwei Tage lang zu Hause und teilte in meiner Freizeit weiterhin Inhalte zu Angularjs. Heute werde ich hauptsächlich die allgemeine Einführung in Angularjs und den Datenbindungsteil teilen Thema.
angualrjs1.x: Derzeit eine relativ stabile Version.
anglejs2.x: basierend auf Typoskript geschrieben, hat sich gegenüber 1.x stark verändert und ist auf die mobile Entwicklung ausgerichtet. Es ist in ES6-Standards geschrieben
anglejs4.x neueste Version
Die Die aktuelle Version ist 2.x. Es handelt sich nicht um ein Upgrade auf Basis von 1. Sie befürwortet die Komponentisierung, ähnlich wie Vue und React.
3. Kernfunktionen
MVC (oder MVVM) Designphilosophie:
Viele Leute werden daran denken Angularjs Es ist ein Front-End-MVC-Framework. Ich denke, es gibt einen Schatten von MVVM, da MVVM auf der Basis von MVC aktualisiert wird Datenbindungsfunktion, aber das ist nur meine persönliche Meinung. Bitte korrigieren Sie mich, Götter.
Zwei-Wege-Datenbindung:
Die bidirektionale Datenbindung wird von AngularJs nicht vorgeschlagen. Microsofts WPF verwendet MVVM-Ideen Front-End-Frameworks verwenden das Konzept der bidirektionalen Datenbindung.
Modularisierung und Abhängigkeitsinjektion
Modularisierung und Abhängigkeitsinjektion sind der Kerninhalt von AngularJs und das Highlight von Angular.
Befehlssystem
Das Befehlssystem ist auch der Kern von Angular. Das Befehlssystem ist in integrierte Befehle und benutzerdefinierte Befehle unterteilt sehr leistungsstark und kann viele leistungsstarke Funktionen erreichen. Funktionen und Details werden bei der Erläuterung der Anleitung ausführlich erläutert.
4. Fachgebiete
1) Single Page Application (SPA)
2) CRUD-Programm
Es ist möglich, dass einige Gärtner Einzelseitenanwendungen nicht sehr gut verstehen. Um ein einfaches Beispiel zu nennen: Unsere herkömmliche Mehrseitenanwendung MPA über das Iframe-Framework hat den Nachteil, dass sie mehrere Seiten mehrmals lädt Verwenden Sie HTML-Segmente, um den Modus zu laden oder zu wechseln. Ich werde hier nicht zu viel über MPA und SPA vorstellen. Sie können sie von Baidu verstehen.
AngularJs ist für CRUD-Anwendungssysteme geeignet, jedoch nicht für Anwendungen mit häufigen Seiteninteraktionen oder grafischen Seiten und Spielsysteme sind für dieses Framework nicht geeignet.
5. AngularJs-Anwendungszusammensetzung
Jede NG-Anwendung besteht aus Modultypen wie Controllern, Diensten, Anweisungen, Routen, Filtern usw . Zusammensetzung, lassen Sie mich ein Diagramm verwenden, um die Beziehung darzustellen:
6. Modul (Modul)
In Das AngularJS-Modul ist eine Kernexistenz, die viele Aspekte umfasst, wie z. B. Controller, Konfiguration, Service, Factory, Direktive, Konstante usw.
So erstellen Sie das Modul:
angle.module('myApp',[]);
So verwenden Sie das Modul:
Fügen Sie ng-app hinzuVorteile der Verwendung von Modulen:
1) Halten Sie den globalen Namespace sauber
2) Es ist einfacher, Testcode zu schreiben
3) Es ist einfach, Code zwischen verschiedenen Anwendungen wiederzuverwenden.
4) Verwenden Sie Deklarationen, um es den Menschen leichter verständlich zu machen.
7. Verwendung von AngularJs in der Anwendung
1) Wenn Sie Angular in der Anwendung verwenden, referenzieren Sie zunächst den js-Bibliothekscode des Angular Frameworks auf der Seite.<head>
<meta charset="UTF-8">
<title>首页</title>
<!--引用AngularJs库 -->
<script type="text/javascript" src="/lib/angular-1.3.0.14/angular.js?1.1.11"></script>
</head><body ng-app="myapp" ng-controller="myCtrl">
<!-- 1、表达式绑定 -->
<h1>{{expression}}</h1>
<!-- 2、指令绑定-->
<h2>{{ngmodel}}</h2>
<input type="text" ng-model="ngmodel">
<!-- 3、ng-bind绑定-->
<h3 ng-bind="ngbind"></h3>
<h3 class="ng-bind:ngbind"></h3>
<!-- 4、ng-bind-html绑定-->
<h4 ng-bind-html="htmlbind"></h4>
<!-- 5、ng-bind-template -->
<h5 ng-bind-template="{{ngbind}},{{1+1}}"></h5>
</body><script>
//模块定义
// 第一个参数：应用名称，第二个参数：应用依赖模块
var app = angular.module('myapp', ['ngSanitize']);
// 控制器定义
// 第一参数： 控制器名称， 第二个参数： 匿名函数， 传入作用域,并在作用域上添加额外功能
app.controller('myCtrl', function($scope) {
$scope.expression = "hello expression";
$scope.ngbind = "hello ng-bind";
$scope.htmlbind = "<font color='red'>hello,htmlbind</font>";
$scope.subCtrl = "hello subCtrl";
});
</script>Aus dem obigen Codeausschnitt können Sie sehen, wie die Modul- und Controller-Methoden definiert werden, und die Bedeutung jedes Parameters wird kommentiert.
Der Quellcode wird zu diesem Zeitpunkt mit allen auf GitHub geteilt und jeder kann ihn herunterladen.
Ich werde heute ebenso viele Inhalte mit Ihnen teilen. Ich werde mit Ihnen Datenbindungs- und Controller-bezogene Inhalte teilen. Vielen Dank für Ihre Unterstützung, und Sie können mich gerne korrigieren, wenn etwas nicht stimmt.
Das obige ist der detaillierte Inhalt vonTeilen Sie detaillierte Beispiele im Zusammenhang mit Angularjs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1386
52
Detaillierte Einführung in Wapi
Jan 07, 2024 pm 09:14 PM
Benutzer haben möglicherweise den Begriff Wapi bei der Nutzung des Internets gesehen, aber einige Leute wissen definitiv nicht, was Wapi ist. Im Folgenden finden Sie eine detaillierte Einführung, um denjenigen, die es nicht wissen, das Verständnis zu erleichtern. Was ist Wapi: Antwort: Wapi ist die Infrastruktur für WLAN-Authentifizierung und Vertraulichkeit. Dies entspricht Funktionen wie Infrarot und Bluetooth, die im Allgemeinen in der Nähe von Orten wie Bürogebäuden verfügbar sind. Im Grunde sind sie Eigentum einer kleinen Abteilung, sodass der Umfang dieser Funktion nur wenige Kilometer beträgt. Verwandte Einführung in Wapi: 1. Wapi ist ein Übertragungsprotokoll im WLAN. 2. Diese Technologie kann die Probleme der Schmalbandkommunikation vermeiden und eine bessere Kommunikation ermöglichen. 3. Zur Übertragung des Signals ist nur ein Code erforderlich.
Detaillierte Erklärung, ob Win11 das PUBG-Spiel ausführen kann
Jan 06, 2024 pm 07:17 PM
Pubg, auch bekannt als PlayerUnknown's Battlegrounds, ist ein sehr klassisches Battle-Royale-Shooter-Spiel, das seit seiner Popularität im Jahr 2016 viele Spieler angezogen hat. Nach der kürzlichen Einführung des Win11-Systems möchten viele Spieler es auf Win11 spielen. Folgen wir dem Editor, um zu sehen, ob Win11 Pubg spielen kann. Kann Win11 Pubg spielen? Antwort: Win11 kann Pubg spielen. 1. Zu Beginn von Win11 wurden viele Spieler von Pubg ausgeschlossen, da Win11 TPM aktivieren musste. 2. Basierend auf dem Feedback der Spieler hat Blue Hole dieses Problem jedoch gelöst, und jetzt können Sie Pubg unter Win11 normal spielen. 3. Wenn Sie eine Kneipe treffen
Detaillierte Einführung, ob der i5-Prozessor Win11 installieren kann
Dec 27, 2023 pm 05:03 PM
i5 ist eine Prozessorserie von Intel. Es gibt verschiedene Versionen des i5 der 11. Generation, und jede Generation hat eine unterschiedliche Leistung. Ob der i5-Prozessor win11 installieren kann, hängt daher davon ab, um welche Generation des Prozessors es sich handelt. Folgen wir dem Editor, um mehr darüber zu erfahren. Kann der i5-Prozessor mit Win11 installiert werden: Antwort: Der i5-Prozessor kann mit Win11 installiert werden. 1. Die Prozessoren der achten Generation und nachfolgender i51, der achten Generation und nachfolgender i5-Prozessoren können die Mindestkonfigurationsanforderungen von Microsoft erfüllen. 2. Daher müssen wir nur die Microsoft-Website aufrufen und einen „Win11-Installationsassistenten“ herunterladen. 3. Nachdem der Download abgeschlossen ist, führen Sie den Installationsassistenten aus und befolgen Sie die Anweisungen zur Installation von Win11. 2. i51 vor der achten Generation und nach der achten Generation
Wir stellen die neueste Sound-Tuning-Methode für Win 11 vor
Jan 08, 2024 pm 06:41 PM
Nach dem Update auf das neueste Win11 stellen viele Benutzer fest, dass sich der Sound ihres Systems leicht verändert hat, sie wissen jedoch nicht, wie sie ihn anpassen können. Deshalb bietet Ihnen diese Website heute eine Einführung in die neueste Win11-Soundanpassungsmethode für Ihren Computer. Die Bedienung ist nicht schwer und die Auswahl ist vielfältig. Laden Sie sie herunter und probieren Sie sie aus. So passen Sie den Sound des neuesten Computersystems Windows 11 an 1. Klicken Sie zunächst mit der rechten Maustaste auf das Soundsymbol in der unteren rechten Ecke des Desktops und wählen Sie „Wiedergabeeinstellungen“. 2. Geben Sie dann die Einstellungen ein und klicken Sie in der Wiedergabeleiste auf „Lautsprecher“. 3. Klicken Sie anschließend unten rechts auf „Eigenschaften“. 4. Klicken Sie in den Eigenschaften auf die Optionsleiste „Erweitern“. 5. Wenn zu diesem Zeitpunkt das √ vor „Alle Soundeffekte deaktivieren“ aktiviert ist, brechen Sie den Vorgang ab. 6. Danach können Sie unten die Soundeffekte zum Einstellen auswählen und klicken
PyCharm-Einsteigerhandbuch: Umfassende Analyse von Ersetzungsfunktionen
Feb 25, 2024 am 11:15 AM
PyCharm ist eine leistungsstarke integrierte Python-Entwicklungsumgebung mit umfangreichen Funktionen und Tools, die die Entwicklungseffizienz erheblich verbessern können. Unter diesen ist die Ersetzungsfunktion eine der im Entwicklungsprozess häufig verwendeten Funktionen, die Entwicklern helfen kann, den Code schnell zu ändern und die Codequalität zu verbessern. In diesem Artikel wird die Ersetzungsfunktion von PyCharm ausführlich vorgestellt, kombiniert mit spezifischen Codebeispielen, um Anfängern zu helfen, diese Funktion besser zu beherrschen und zu verwenden. Einführung in die Ersetzungsfunktion Die Ersetzungsfunktion von PyCharm kann Entwicklern dabei helfen, bestimmten Text im Code schnell zu ersetzen
Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode
Jan 05, 2024 pm 06:08 PM
JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest
Detaillierte Informationen zum Speicherort des Druckertreibers auf Ihrem Computer
Jan 08, 2024 pm 03:29 PM
Viele Benutzer haben Druckertreiber auf ihren Computern installiert, wissen aber nicht, wie sie diese finden können. Deshalb gebe ich Ihnen heute eine detaillierte Einführung in den Speicherort des Druckertreibers im Computer. Für diejenigen, die es noch nicht wissen, werfen wir einen Blick darauf, wo der Druckertreiber zu finden ist, ohne die ursprüngliche Bedeutung zu ändern. Sie müssen die Sprache auf Chinesisch umschreiben und der Originalsatz muss nicht angezeigt werden. Es wird empfohlen, für die Suche 2. Suchen Sie nach „Toolbox“. Klicken Sie unten auf „Geräte-Manager“. Umgeschriebener Satz: 3. Suchen Sie unten nach „Geräte-Manager“ und klicken Sie darauf. 4. Öffnen Sie dann „Druckwarteschlange“ und suchen Sie Ihr Druckergerät. Diesmal sind es der Name und das Modell Ihres Druckers. 5. Klicken Sie mit der rechten Maustaste auf das Druckergerät und Sie können es aktualisieren oder deinstallieren.
Was ist Dogecoin?
Apr 01, 2024 pm 04:46 PM
Dogecoin ist eine Kryptowährung, die auf Internet-Memes basiert, ohne feste Angebotsobergrenze, schnelle Transaktionszeiten, niedrige Transaktionsgebühren und eine große Meme-Community. Zu den Verwendungszwecken gehören kleine Transaktionen, Trinkgelder und wohltätige Spenden. Das unbegrenzte Angebot, die Marktvolatilität und der Status als Scherzmünze bringen jedoch auch Risiken und Bedenken mit sich. Was ist Dogecoin? Dogecoin ist eine Kryptowährung, die auf Internet-Memes und Witzen basiert. Ursprung und Geschichte: Dogecoin wurde im Dezember 2013 von zwei Software-Ingenieuren, Billy Markus und Jackson Palmer, erstellt. Inspiriert vom damals beliebten „Doge“-Meme, einem komischen Foto mit einem Shiba Inu mit gebrochenem Englisch. Funktionen und Vorteile: Unbegrenztes Angebot: Im Gegensatz zu anderen Kryptowährungen wie Bitcoin
