Heim Web-Frontend js-Tutorial Organisieren Sie einige allgemeine Anweisungen in AngularJS_AngularJS

Organisieren Sie einige allgemeine Anweisungen in AngularJS_AngularJS

May 16, 2016 pm 03:54 PM
angularjs 指令

AngularJS-Direktiven werden zum Erweitern von HTML verwendet. Dies sind spezielle Eigenschaften, die mit dem Präfix ng- beginnen. Wir werden die folgenden Richtlinien besprechen:

  • ng-app – Dieser Befehl startet eine AngularJS-Anwendung.
  • ng-init – Diese Direktive initialisiert Anwendungsdaten.
  • ng-model – Diese Direktive definiert das Modell, bei dem es sich um eine Variable handelt, die in AngularJS verwendet wird.
  • ng-repeat – Diese Anweisung wiederholt das HTML-Element für jedes Element in der Sammlung.

NG-App-Richtlinie

Die

ng-app-Direktive startet eine AngularJS-Anwendung. Es definiert das Wurzelelement. Es initialisiert oder startet automatisch die Anwendung, die die Webseite lädt, die die AngularJS-Anwendung enthält. Es wird auch verwendet, um verschiedene AngularJS-Module in AngularJS-Anwendungen zu laden. Im folgenden Beispiel definieren wir die Standard-AngularJS-Anwendung mithilfe des ng-app-Attributs des div-Elements.

1

2

3

<div ng-app="">

...

</div>

Nach dem Login kopieren

ng-init-Befehl

Die ng-init-Direktive initialisiert die Daten einer AngularJS-Anwendung. Es wird verwendet, um Werte in Variablen einzugeben, die in Anwendungen verwendet werden. Im folgenden Beispiel initialisieren wir das Länder-Array. Verwenden Sie die JSON-Syntax, um das Länder-Array zu definieren.

1

2

3

4

5

6

<div ng-app="" ng-init="countries=[{locale:'en-US',name:'United States'},

                  {locale:'en-GB',name:'United Kingdom'},

                  {locale:'en-FR',name:'France'}]">

      

...

</div>

Nach dem Login kopieren

ng-model-Direktive

ng-model-Direktive definiert Modelle/Variablen, die in AngularJS-Anwendungen verwendet werden. Im folgenden Beispiel definieren wir ein Modell mit dem Namen „name“.

1

2

3

4

<div ng-app="">

...

<p>Enter your Name: <input type="text" ng-model="name"></p>

</div>

Nach dem Login kopieren

ng-repeat-Anweisung

Die

ng-repeat-Direktive wiederholt jedes Element in einer Sammlung von HTML-Elementen. Im folgenden Beispiel haben wir die Array-Länder durchlaufen.

1

2

3

4

5

6

7

8

9

<div ng-app="">

...

  <p>List of Countries with locale:</p>

  <ol>

   <li ng-repeat="country in countries">

     {{ 'Country: ' + country.name + ', Locale: ' + country.locale }}

   </li>

  </ol>

</div>

Nach dem Login kopieren

Beispiel

Das folgende Beispiel demonstriert alle oben genannten Befehle.
testAngularJS.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<html>

<title>AngularJS Directives</title>

<body>

<h1>Sample Application</h1>

<div ng-app="" ng-init="countries=[{locale:'en-US',name:'United States'},

                  {locale:'en-GB',name:'United Kingdom'},

                  {locale:'en-FR',name:'France'}]">

  <p>Enter your Name: <input type="text" ng-model="name"></p>

  <p>Hello <span ng-bind="name"></span>!</p>

  <p>List of Countries with locale:</p>

  <ol>

   <li ng-repeat="country in countries">

     {{ 'Country: ' + country.name + ', Locale: ' + country.locale }}

   </li>

  </ol>

</div>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>

</body>

</html>

Nach dem Login kopieren

Ausgabe

Öffnen Sie textAngularJS.html in Ihrem Webbrowser. Geben Sie einen Namen ein und sehen Sie sich die Ergebnisse unten an.

2015616115415280.png (613×372)

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie bekomme ich Gegenstände mithilfe von Befehlen in Terraria? -Wie sammle ich Gegenstände in Terraria? Wie bekomme ich Gegenstände mithilfe von Befehlen in Terraria? -Wie sammle ich Gegenstände in Terraria? Mar 19, 2024 am 08:13 AM

Wie bekomme ich Gegenstände mithilfe von Befehlen in Terraria? 1. Was ist der Befehl zum Erteilen von Gegenständen in Terraria? Im Spiel Terraria ist das Erteilen von Befehlen an Gegenstände eine sehr praktische Funktion. Durch diesen Befehl können Spieler die benötigten Gegenstände direkt erhalten, ohne gegen Monster kämpfen oder sich an einen bestimmten Ort teleportieren zu müssen. Dies kann erheblich Zeit sparen, die Effizienz des Spiels verbessern und es den Spielern ermöglichen, sich mehr auf die Erkundung und den Aufbau der Welt zu konzentrieren. Insgesamt macht diese Funktion das Spielerlebnis flüssiger und angenehmer. 2. So verwenden Sie Terraria, um Objektbefehle zu erteilen 1. Öffnen Sie das Spiel und rufen Sie die Spieloberfläche auf. 2. Drücken Sie die „Enter“-Taste auf der Tastatur, um das Chat-Fenster zu öffnen. 3. Geben Sie im Chatfenster das Befehlsformat ein: „/give[Spielername][Artikel-ID][Artikelmenge]“.

VUE3-Schnellstart: Verwenden der Vue.js-Anweisungen zum Wechseln der Registerkarten VUE3-Schnellstart: Verwenden der Vue.js-Anweisungen zum Wechseln der Registerkarten Jun 15, 2023 pm 11:45 PM

Dieser Artikel soll Anfängern helfen, schnell mit Vue.js3 zu beginnen und einen einfachen Tab-Wechseleffekt zu erzielen. Vue.js ist ein beliebtes JavaScript-Framework, mit dem Sie wiederverwendbare Komponenten erstellen, den Status Ihrer Anwendung einfach verwalten und Interaktionen mit der Benutzeroberfläche verwalten können. Vue.js3 ist die neueste Version des Frameworks. Im Vergleich zu früheren Versionen wurden große Änderungen vorgenommen, die Grundprinzipien haben sich jedoch nicht geändert. In diesem Artikel verwenden wir die Anweisungen von Vue.js, um den Tab-Wechseleffekt zu implementieren, um die Leser mit Vue.js vertraut zu machen

Die neuesten 5 AngularJS-Tutorials im Jahr 2022, vom Einstieg bis zur Beherrschung Die neuesten 5 AngularJS-Tutorials im Jahr 2022, vom Einstieg bis zur Beherrschung Jun 15, 2017 pm 05:50 PM

Javascript ist eine sehr einzigartige Sprache, was die Organisation des Codes, das Programmierparadigma des Codes und die objektorientierte Theorie betrifft. Die Frage, ob Javascript eine objektorientierte Sprache ist, wird seit langem diskutiert Es gibt offensichtlich schon seit langem eine Antwort. Auch wenn Javascript seit zwanzig Jahren vorherrscht, schauen Sie sich einfach das „Black Horse Cloud Classroom JavaScript Advanced Framework“ an, wenn Sie beliebte Frameworks wie jQuery, Angularjs und sogar React verstehen möchten Design-Video-Tutorial“.

Entdecken Sie die unendlichen Möglichkeiten der Eingabemethode, die mit MC-Befehlen einhergeht (ein innovatives Tool zur Schaffung eines perfekten Spielerlebnisses – die Eingabemethode, die mit MC-Befehlen einhergeht) Entdecken Sie die unendlichen Möglichkeiten der Eingabemethode, die mit MC-Befehlen einhergeht (ein innovatives Tool zur Schaffung eines perfekten Spielerlebnisses – die Eingabemethode, die mit MC-Befehlen einhergeht) May 02, 2024 pm 03:01 PM

Mobile Geräte sind zu einem wesentlichen Bestandteil des Lebens der Menschen in der modernen Gesellschaft geworden. Auch in der Freizeit sind Spiele zu einer der wichtigsten Unterhaltungsformen geworden. Es gibt ständig Leute, die an der Entwicklung neuer Tools und Technologien arbeiten, um das Gameplay zu optimieren und das Spielerlebnis zu verbessern. Zu den auffälligen Neuerungen gehört die Eingabemethode mit eigenem MC-Befehl. Und wie es den Spielern ein besseres Spielerlebnis bieten kann. Dieser Artikel befasst sich mit den unendlichen Möglichkeiten der integrierten MC-Befehlseingabemethode. Einführung in die integrierte MC-Befehlseingabemethode Die integrierte MC-Befehlseingabemethode ist ein innovatives Tool, das die Funktionen von MC-Befehlen und intelligenten Eingabemethoden kombiniert. Dadurch werden mehr Vorgänge und Funktionen ermöglicht. Durch die Installation dieser Eingabemethode auf einem mobilen Gerät können Spieler problemlos verschiedene Befehle im Spiel verwenden. Geben Sie schnell Befehle ein, um die Spieleffizienz zu verbessern

Verwenden Sie PHP und AngularJS, um eine reaktionsfähige Website zu erstellen und ein hochwertiges Benutzererlebnis zu bieten Verwenden Sie PHP und AngularJS, um eine reaktionsfähige Website zu erstellen und ein hochwertiges Benutzererlebnis zu bieten Jun 27, 2023 pm 07:37 PM

Im heutigen Informationszeitalter sind Websites zu einem wichtigen Instrument für Menschen geworden, um Informationen zu erhalten und zu kommunizieren. Eine responsive Website kann sich an verschiedene Geräte anpassen und den Benutzern ein qualitativ hochwertiges Erlebnis bieten, was zu einem Hotspot in der modernen Website-Entwicklung geworden ist. In diesem Artikel erfahren Sie, wie Sie mit PHP und AngularJS eine responsive Website erstellen, um ein qualitativ hochwertiges Benutzererlebnis zu bieten. Einführung in PHP PHP ist eine serverseitige Open-Source-Programmiersprache, die sich ideal für die Webentwicklung eignet. PHP bietet viele Vorteile, z. B. einfache Erlernbarkeit, plattformübergreifende Funktionalität, umfangreiche Toolbibliothek und Entwicklungseffizienz

Was sind die beiden Teile von Anweisungen, die ein Computer direkt ausführen kann? Was sind die beiden Teile von Anweisungen, die ein Computer direkt ausführen kann? Dec 09, 2020 am 09:15 AM

Zu den Anweisungen, die der Computer direkt ausführen kann, gehören Operationscodes und Operanden. Der Opcode bezieht sich auf den Teil der Anweisung oder des Felds, der im Computerprogramm zur Ausführung der Operation angegeben ist. Dabei handelt es sich tatsächlich um die Befehlssequenznummer, die verwendet wird, um der CPU mitzuteilen, welcher Befehl ausgeführt werden muss.

Welche Anweisungen gibt es, um Sprudelereignisse zu verhindern? Welche Anweisungen gibt es, um Sprudelereignisse zu verhindern? Nov 21, 2023 pm 04:14 PM

Zu den Anweisungen zum Verhindern von Blasenereignissen gehören stopPropagation(), cancelBubble-Attribut, event.stopPropagation(), event.cancelBubble-Attribut, event.stopImmediatePropagation() usw. Ausführliche Einführung: 1. stopPropagation() ist eine der am häufigsten verwendeten Anweisungen, mit der die Ausbreitung von Ereignissen gestoppt wird. Wenn ein Ereignis ausgelöst wird, kann der Aufruf dieser Methode verhindern, dass das Ereignis fortgesetzt wird usw.

Eine Eingabeaufforderung ist nicht mehr erforderlich. Sie können das multimodale Dialogsystem nur mit Ihren Händen spielen. Eine Eingabeaufforderung ist nicht mehr erforderlich. Sie können das multimodale Dialogsystem nur mit Ihren Händen spielen. May 15, 2023 pm 05:55 PM

Xi Xiaoyao Technology sagte, dass der ursprüngliche Autor IQ in letzter Zeit auf der Grundlage des benutzerfreundlichen ChatGPT neu erstellt wurde und viele von ihnen relativ auffällige Ergebnisse erzielten. Die Arbeit von InternChat legt Wert auf Benutzerfreundlichkeit, indem bei multimodalen Aufgaben mit dem Chatbot auf eine Weise interagiert wird, die über die Sprache (Cursor und Gesten) hinausgeht. Interessant ist auch der Name InternChat, der für Interaktion, Nonverbal und Chatbots steht und als iChat bezeichnet werden kann. Im Gegensatz zu bestehenden interaktiven Systemen, die auf reiner Sprache basieren, verbessert iChat die Effizienz der Kommunikation zwischen Benutzern und Chatbots erheblich, indem es Zeigeanweisungen hinzufügt. Darüber hinaus hat der Autor auch

See all articles