Im „AngularJS Chinese Reference Manual“ erweitert AngularJS HTML um neue Attribute und Ausdrücke. AngularJS kann eine Single-Page-Anwendung erstellen (SPAs: Single Page Applications). AngularJS ist sehr einfach zu erlernen.
AngularJS ist eine Open-Source-JavaScript-Bibliothek, die von Google verwaltet wird, um die Ausführung von Single-Page-Anwendungen zu unterstützen. Ziel ist es, browserbasierte Anwendungen durch die MVC-Pattern-Funktionalität (MVC) zu verbessern, um Entwicklung und Tests zu vereinfachen. Nach den großen Änderungen in Version 2 (die wichtigste Änderung war die vollständige Verwendung von TypeScript) wurde sie in Angular umbenannt und Version N wurde in der Form Angular N benannt. Die
-Bibliothek liest HTML mit zusätzlichen Anpassungen (Tag-Attributen), folgt den Anweisungen in diesen benutzerdefinierten Attributen und bindet Eingaben oder Ausgaben auf der Seite an ein Modell, das durch JavaScript-Variablen dargestellt wird. Die Werte dieser JavaScript-Variablen können manuell festgelegt oder aus statischen oder dynamischen JSON-Ressourcen bezogen werden.
Tipps: Bevor Sie mit dem Erlernen von AngularJS beginnen, müssen Sie über die Grundlagen von HTML, CSS und verfügen JavaScriptWissen.
Lassen Sie uns die erste AngularJS-Instanz ausführen!
Erste AngularJS-Instanz
Instanz
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>Instanz ausführen»
Klicken Sie auf „Instanz ausführen“ „ Klicken Sie auf die Schaltfläche, um Online-Beispiele anzuzeigen
Angular folgt dem MVC-Muster der Softwareentwicklung und fördert eine lose Kopplung zwischen Präsentation, Daten und logischen Komponenten. Durch Abhängigkeitsinjektion bringt Angular traditionelle serverseitige Dienste, wie z. B. ansichtsunabhängige Steuerung, in clientseitige Webanwendungen ein. Dadurch wird die Belastung des Backends stark reduziert, was zu einer schlankeren Webanwendung führt.
Tipps: Unser AngularJS-Tutorial hilft Ihnen, Schritt für Schritt zu lernen, wie Sie AngularJS beherrschen und verwenden. Wenn Sie Fragen haben, besuchen Sie bitte die chinesische PHP-Website AngularJS-CommunityStellen Sie Ihre Fragen und begeisterte Internetnutzer werden sie für Sie beantworten.
Hauptfunktionen von AngularJS
AngularJS vereinfacht die Anwendungsentwicklung, indem es Entwicklern eine höhere Abstraktionsebene bietet. Wie bei anderen Abstraktionstechniken geht auch hier etwas Flexibilität verloren. Mit anderen Worten: Nicht alle Anwendungen sind für AngularJS geeignet.
AngularJS berücksichtigt hauptsächlich die Erstellung von CRUD-Anwendungen. Glücklicherweise sind mindestens 90 % der WEB-Anwendungen CRUD-Anwendungen. Um jedoch zu verstehen, was für die Erstellung mit AngularJS geeignet ist, müssen Sie verstehen, was für die Erstellung mit AngularJS nicht geeignet ist.
Zum Beispiel unterscheiden sich Spiele, grafische Schnittstelleneditoren und Anwendungen mit häufigen und komplexen DOM-Operationen stark von CRUD-Anwendungen und sind nicht für die Erstellung mit AngularJS geeignet. In solchen Situationen ist es möglicherweise besser, eine leichtere, einfachere Technologie wie jQuery zu verwenden.
AngularJS-Designziele:
Anwendungslogik von Vorgängen im DOM entkoppeln. Dies verbessert die Testbarkeit Ihres Codes.
Nehmen Sie das Testen Ihrer Bewerbung genauso wichtig wie das Verfassen Ihrer Bewerbung. Die Art und Weise, wie Ihr Code strukturiert ist, hat großen Einfluss darauf, wie schwierig es ist, ihn zu testen.
Entkoppeln Sie die Client- und Serverseite der Anwendung. Dadurch können Client- und Serverentwicklung Hand in Hand gehen und eine Wiederverwendung auf beiden Seiten ermöglicht werden.
Führen Sie Entwickler durch den gesamten Prozess der Erstellung einer Anwendung: vom Entwurf der Benutzeroberfläche über das Schreiben der Geschäftslogik bis hin zum Testen.
Was dieses AngularJS-Tutorialhandbuch behandelt
Dieses AngularJS-Tutorialhandbuch behandelt alle grundlegenden Verwendungsmethoden von React, einschließlich AngularJS-Ausdrücken, AngularJS-Anweisungen und Angul Detaillierte Kenntnisse über arJS-Modelle, AngularJS-Controller, AngularJS-Tabellen, AngularJS-Ereignisse, AngularJS-Module, AngularJS-Animationen, AngularJS-Abhängigkeitsinjektion, AngularJS-Routing und mehr.
Tipps: Jedes Kapitel dieses Tutorials enthält viele AngularJS-Beispiele. Sie können direkt auf die Schaltfläche „Beispiel ausführen“ klicken, um die Ergebnisse online anzuzeigen. Diese Beispiele helfen Ihnen, AngularJS besser zu verstehen und zu verwenden.
Neuestes Kapitel
- AngularJS 参考手册 2016-10-19
- AngularJS 2016-10-19
- AngularJS 应用 2016-10-19
- AngularJS 路由 2016-10-19
- AngularJS 依赖注入 2016-10-19
- AngularJS 动画 2016-10-19
- AngularJS 包含 2016-10-19
- AngularJS Bootstrap 2016-10-19
Ähnliche Kurse
- Kurze Einführung in die Web-Frontend-Entwicklung 2021-12-10
- Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Gulp Erste Schritte-Video-Tutorial 2022-04-18
- Brothers in Arms Gao Luofeng CSS3-Video-Tutorial 2022-04-20
- Grundlegendes Beispiel-Video-Tutorial für die AngularJS-Entwicklungswebanwendung 2022-04-18
- Ajax-Vollkontakt 2022-04-13
- Grundlegendes Video-Tutorial zum MUI-Framework 2022-04-13
- Online-Schulung, Probestunde 2019-01-10