ng-sake #9
メトロノーム川上@saruyama_monki
ngDoCheck
Lifecycle hook that is called when Angular dirty checks a directive.
How To Use
@Component({selector: 'my-cmp', template: `...`})
class MyComponent implements DoCheck {
ngDoCheck() {
// ...
}
}https://angular.io/api/core/DoCheck
Where did I using it
Looper has 8 services
Analyze
Destination
Gain
Mic
Play
Recording
Sound
UserMedia
Where did I using it
Service is controling state
Mic Service
ON / OFF state
Where did I using it
ngDoCheck is controling that
ngDoCheck code
ngDoCheck() {
...
// mic ON / OFF
if (this.service_mic.isMic === true && !this.service_mic.stream && this.service_mic.isUserMedia === false) {
this.service_mic.on((source) => {
this.service_gain.connect(source);
});
} else if (this.service_mic.isMic === false && this.service_mic.stream) {
this.service_mic.off();
this.service_gain.disconnect(this.service_mic.source);
}
...