Mudanças entre as edições de "Data binding"
De Basef
| (3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
| − | * Variable binding | + | * Variable binding: |
<source lang="javascript"> | <source lang="javascript"> | ||
{{ value }} | {{ value }} | ||
| Linha 5: | Linha 5: | ||
| − | * Property binding | + | * Property binding: |
<source lang="javascript"> | <source lang="javascript"> | ||
[property]="value" | [property]="value" | ||
</source> | </source> | ||
| + | or | ||
| − | |||
<source lang="javascript"> | <source lang="javascript"> | ||
| − | + | bind-property="value" | |
</source> | </source> | ||
| − | * Bi-directional property binding | + | * Event binding: |
| + | <source lang="javascript"> | ||
| + | (event)="handler" | ||
| + | </source> | ||
| + | |||
| + | or | ||
| + | |||
| + | <source lang="javascript"> | ||
| + | on-event="handler" | ||
| + | </source> | ||
| + | |||
| + | |||
| + | * Bi-directional property binding (any change in DOM is reflected in the component and vice versa): | ||
<source lang="javascript"> | <source lang="javascript"> | ||
[(ngModel)]="property" | [(ngModel)]="property" | ||
</source> | </source> | ||
| − | [[Category: | + | or |
| + | |||
| + | <source lang="javascript"> | ||
| + | bindon-ngModel="property" | ||
| + | </source> | ||
| + | |||
| + | [[Category: Angular]] | ||
Edição atual tal como às 09h38min de 27 de janeiro de 2020
- Variable binding:
{{ value }}
- Property binding:
[property]="value"
or
bind-property="value"
- Event binding:
(event)="handler"
or
on-event="handler"
- Bi-directional property binding (any change in DOM is reflected in the component and vice versa):
[(ngModel)]="property"
or
bindon-ngModel="property"
