{"id":592,"date":"2018-06-26T08:53:19","date_gmt":"2018-06-25T20:53:19","guid":{"rendered":"https:\/\/content.ronella.xyz\/apps\/wordpress\/?p=592"},"modified":"2018-06-26T08:57:21","modified_gmt":"2018-06-25T20:57:21","slug":"angular-data-bindings","status":"publish","type":"post","link":"https:\/\/www.ronella.xyz\/?p=592","title":{"rendered":"Angular Data Bindings"},"content":{"rendered":"

Binding coordinates state transfer between the component's class and its template. The following table shows the different types of Angular data bindings.<\/p>\n\n\n\n\n\t\n\n\t\n\t\n\t\n\t
Type<\/th>Description<\/th>Direction<\/th>Example<\/th>\n<\/tr>\n<\/thead>\n
Interpolation<\/td>Evaluates the expression between the double curly braces.<\/td>One-way
\n
\n(Component→Template)<\/td>		<h1>{{<\/strong>header}}<\/strong><\/h1><\/td>\n<\/tr>\n
Property Binding<\/td>Updates the property if there's a change from the bound component state.
\n
\nThis is typically denoted by the square bracket surrounding the target property.<\/td>		One-way
\n
\n(Component→Template)<\/td>		<img [<\/strong>src]<\/strong>='imageURL'\/><\/td>\n<\/tr>\n
Event Binding<\/td>Updates the bound component state if an event's was fired.
\n
\nThis is typically denoted by the parenthesis surrounding the event property.<\/td>		One-way
\n
\n(Component←Template)<\/td>		<button (<\/strong>click)<\/strong>='onSave'>Save<\/button><\/td>\n<\/tr>\n
Two-Way Binding<\/td>Normally use with the form elements.
\n
\nThis is typically denoted by the combined square and parenthesis surrounding the ngModel property.<\/td>		Two-way
\n
\n(Component↔Template)<\/td>		<input type='text' [(<\/strong>ngModel)]<\/strong>='name'\/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n","protected":false},"excerpt":{"rendered":"

Binding coordinates state transfer between the component’s class and its template. The following table shows the different types of Angular data bindings.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[40,38],"tags":[],"_links":{"self":[{"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=\/wp\/v2\/posts\/592"}],"collection":[{"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=592"}],"version-history":[{"count":5,"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=\/wp\/v2\/posts\/592\/revisions"}],"predecessor-version":[{"id":606,"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=\/wp\/v2\/posts\/592\/revisions\/606"}],"wp:attachment":[{"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ronella.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}