Expression has changed after it was checked. click on div code example

Example 1: does any event get triggered when checked value changes programatically?

var event = document.createEvent("HTMLEvents");
event.initEvent('change', false, true);
checkbox.dispatchEvent(event);

Example 2: expression changed after it has been checked

export class BComponent {
    @Input() text;

    constructor(private parent: AppComponent) {}

    ngOnInit() {
        this.parent.text = 'updated text';
    }
}<>Copy