Er zijn twee vormen van Angular 4.x. x bindingen waar ik me op zal concentreren in deze tutorial. De eerste vorm is de eenrichtingsbinding die een alleen-schrijfbinding is en de tweede vorm is de tweewegbinding die zowel een lees-als schrijfbinding is. Tegen het einde van deze tutorial, Ik opgenomen een hoekige 4 plunker die u kunt gebruiken om beide bindingen te testen.

eenrichtingsbindingen zijn alleen-schrijven gegevensbindingen. Ze ontvangen gegevens uit een gegevensbron zoals een model en voeren deze uit naar een weergave. U kunt deze binding initiëren door een HTML-attribuut of uw eigen attribuut met vierkante haakjes in te sluiten. U kunt ook een meer directe benadering en gebruik maken van De hoekige dubbele krullende haakjes. {{}}

Hier is een voorbeeld van een eenrichtingsbinding in Actie: ik sluit het HTML-attribuut in met vierkante haakjes.

wanneer ik tekst invoer in de invoer, geeft de eenrichtingsbinding de tekst uit aan de weergave.

Tweerichtingsbindingen of

Tweerichtingsbindingen zijn bindingen die uit een invoer worden gelezen en het model bijwerken. Ze worden vaak aangeduid als banaan in een doos, omdat de haakjes tussen de haakjes verschijnen als een banaan in een doos. Tweerichtingsbindingen luister naar bepaalde gebeurtenissen zoals wijzigen of klik en werk het gegevensmodel bij met nieuwe gegevens wanneer een wijziging wordt gedetecteerd.

Hier is een voorbeeld van een tweewegbinding in actie:

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.