40 lines
1.0 KiB
Plaintext
40 lines
1.0 KiB
Plaintext
|
|
||
|
|
.l-main-section
|
||
|
|
h2 onChange <span class="type">variable</span>
|
||
|
|
p(class="module") exported from <a href="/angular2/annotations">angular2/annotations</a>
|
||
|
|
|
||
|
|
:markdown
|
||
|
|
Notify a directive when any of its bindings have changed.
|
||
|
|
|
||
|
|
This method is called right after the directive's bindings have been checked,
|
||
|
|
and before any of its children's bindings have been checked.
|
||
|
|
|
||
|
|
It is invoked only if at least one of the directive's bindings has changed.
|
||
|
|
|
||
|
|
## Example:
|
||
|
|
|
||
|
|
```
|
||
|
|
@Decorator({
|
||
|
|
selector: '[class-set]',
|
||
|
|
properties: {
|
||
|
|
'propA': 'propA'
|
||
|
|
'propB': 'propB'
|
||
|
|
},
|
||
|
|
lifecycle: [onChange]
|
||
|
|
})
|
||
|
|
class ClassSet {
|
||
|
|
propA;
|
||
|
|
propB;
|
||
|
|
onChange(changes:{[idx: string, PropertyUpdate]}) {
|
||
|
|
// This will get called after any of the properties have been updated.
|
||
|
|
if (changes['propA']) {
|
||
|
|
// if propA was updated
|
||
|
|
}
|
||
|
|
if (changes['propA']) {
|
||
|
|
// if propB was updated
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|