Bindung von Werten an DOM-Elementeigenschaften in Angular
In Angular werden zwei Arten der Wertbindung an Tags unterschieden: an das Attribut des Tags und an die Eigenschaft des DOM-Elements. In der Regel ist das dasselbe, aber manchmal spielt es eine Rolle.
Schauen wir uns diese beiden Methoden an Beispielen an. Angenommen, wir haben die folgende Klasseneigenschaft:
export class AppComponent {
public text: string = 'abcde';
}
Lassen Sie uns den Wert dieser Eigenschaft im
Text der textarea ausgeben
<textarea>{{ text }}</textarea>
Und jetzt in das Attribut placeholder:
<textarea placeholder="{{ text }}"></textarea>
Und jetzt schreiben wir die Daten genau in die Eigenschaft des DOM-Elements. Dafür setzen wir den Attributnamen in eckige Klammern:
<textarea [value]="text"></textarea>
Gegeben ist ein Input. Schreiben Sie Daten in seine Eigenschaft
value.
