Chrome расширение с angular: не может инициировать поля с chrome API

Question

Я пытаюсь написать расширение chrome с Angular. Я написал следующий компонент для всплывающего окна

@Component({
  selector: 'app-root',
  template: ` Current tab: {{ currentTab || '(empty)' }} `,
  styles: []
})
export class AppComponent implements OnInit {
  currentTab: string;

  ngOnInit(): void {
    this.getCurrentTabTitle().subscribe(title => this.currentTab = title);
  }

  getCurrentTabTitle() {
    return new Observable<string>(subscriber => {
      chrome.tabs.query({ active: true, currentWindow: true }, tabs => {
        subscriber.next(tabs[0].title);
      });
    });
  }
}

Обратный вызов в tabs.query() действительно вызывается, но содержимое остается "Current tab: (empty)". Почему это так?