Mudanças entre as edições de "Data binding"
De Basef
(Criou página com '* Bi-directional variable binding <source lang="javascript"> {{ value }} </source> * Property binding <source lang="javascript"> [property]="value" </source> * Event binding...') |
|||
(5 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
Linha 1: | Linha 1: | ||
− | * | + | * Variable binding: |
<source lang="javascript"> | <source lang="javascript"> | ||
{{ value }} | {{ value }} | ||
</source> | </source> | ||
− | * 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"