Detaillierte Erklärung der Rolle von Klammern in AngularJS

1. Die Rolle der Klammern

1.1 Eckige Klammern [ ]

Wenn der Attributname in eckige Klammern eingeschlossen ist, wird der rechten Seite der Wert des Ausdrucks zugewiesen. <br /> Wenn das Attribut keine eckigen Klammern hat, wird der rechten Seite eine Zeichenfolge zugewiesen.

<div class="red">red</div> //Der Klassenname ist hier red
<div [class]="red">red</div> //Der Klassenname ist hier blue, was bedeutet, dass die rechte Seite der eckigen Klammern ein Ausdruck ist //In der Komponente red: string = "blue";

1.2 Klammern ( )

Klammern werden für die Ereignisbindung verwendet, die ein Ereignis für ein Element auslöst und die gebundene Methode reagiert, wie zum Beispiel

<div (click)="go()">gogo</div> //Setze das Ereignis in die Klammern //Komponentenklasse go() {
 //Ausdruck...
}

1.3 Geschweifte Klammern { {.}}

Verwenden Sie geschweifte Klammern { {expression}} Diese Methode heißt Interpolation und kann in der Vorlage platziert werden

<div>{{gut}}</div> //<div>Hallo</div> 
 
//Komponentenklasse gut: string = "Hallo";

1.4 String-Variablen ${ }

Beispiel

tes: Zeichenfolge = "Welt";
Test: Zeichenfolge = „Hallo ${goo}“; //Test: Zeichenfolge = „Hallo Welt“;

1,5 [()]

Wird häufig für bidirektionale Bindungsvorgänge verwendet.

<input [(ngModel)]='test_input' /> // Wert= 'testNgClick'
 
//In der Komponente test_input: any = 'testNgClick';

Dies ist das Ende dieses Artikels über die Rolle von Klammern in AngularJS. Weitere Informationen zur Rolle von Klammern in AngularJS finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!