Angular 16 Signal update doesn't update view

I am testing angular 16 signals and per my understanding, when I disable zone.js and call signal.update() the view should be updated with new value. It is not. Please help me to understand why.

main.ts

platformBrowserDynamic().bootstrapModule(AppModule, { ngZone: 'noop' })
.catch(err => console.error(err));


app.component.ts

@Component({
selector: 'app-root',
template: '
<h1>{{ title() }}</h1>
<button (click)="click()">Change</button>
',
})
export class AppComponent {
title = signal('Hello');

click(): void {
this.title.update((value) => value + "!!");
}
}


I am expecting that after button click, value of 'title' will be updated from 'Hello' to 'Hello!!'. It is not updated.

Continue reading...