Please enable JavaScript.
Coggle requires JavaScript to display documents.
Data binding (component -> view (property ([property-name] = "…
Data binding
component -> view
{{ value }}
property
[property-name] = "value"
attribute
[attr.attribute-name] = "value"
class binding
[class.class-name] = "value"
style binding
[style.style-name] = "value"
view - > component (event binding)
(event-name) = "function-name()"
event-name: click, keyup, keyup.enter, ....
two way binding
sử dụng ngModel
import FormsModule trong app.module.ts
[(ngModel)] = "name"
Directive
structural directive
*ngIf
*ngFor
*ngSwitchCase
attribute directive
[ngClass]
[ngClass] = { 'class-name' : condition , 'class-name' : condition }
[ngStyle]
[ngStyle] = { 'key' : 'value' }