kétféle Angular 4.x. x kötések fogok összpontosítani ebben a bemutató. Az első forma az egyirányú kötés, amely csak írható kötés, a második forma pedig a kétirányú kötés, amely mind olvasási, mind írási kötés. Ennek az oktatóanyagnak a vége felé mellékeltem egy szögletes 4 dugattyút, amelyet mindkét kötés tesztelésére használhat.

az egyirányú kötések csak írható adatkötések. Adatokat fogadnak egy adatforrásból, például egy modellből, és azt egy nézetbe továbbítják. Ezt a kötést úgy kezdeményezheti, hogy egy HTML attribútumot vagy saját attribútumát szögletes zárójelbe helyezi. Közvetlenebb megközelítést is alkalmazhat, és használhatja a szögletes kettős göndör zárójeleket. {{}}

itt van egy példa az egyirányú kötésre: a HTML attribútumot szögletes zárójelekkel zárom.

amikor szöveget írok be a bemenetbe, az egyirányú kötés a szöveget a nézetbe adja.

kétirányú kötés vagy

a kétirányú kötések olyan kötések, amelyek egy bemenetről olvasnak és frissítik a modellt. Általában banánnak nevezik őket egy dobozban, mert a zárójelben lévő zárójelek úgy jelennek meg, mint egy banán a dobozban. Kétirányú kötések hallgassa meg az adott eseményeket, például módosítsa vagy kattintson, majd frissítse az adatmodellt új adatokkal, amikor változást észlel.

Íme egy példa a kétirányú kötésre működés közben:

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.