Динамическое изменение контента в расширении google chrome

Вообщем всё достаточно просто у меня есть расширение написанное на angular, я хочу менять в нём состояние страницы popap ничего сложного, но при смене статуса страница не изменяется, статут точно меняется потому что я вижу это в консоли. Вот код страницы:

<div class="content" *ngIf="!siteAuthContent">
   <h3>Для работы с плагинам и доступа к настройкам вам не обходимо авторизироваться на
      <a [href]="'http://localhost:4200/#/'" target="_blank">сайте</a>.
   </h3>
</div>

<div class="content" *ngIf="siteAuthContent">
   <h3>Id: {{ user.id }}</h3>
   <h3>Имя: {{ user.name }}</h3>
   <h3>E-mail: {{ user.email }}</h3>
   <a [href]="'http://localhost:4200/#/settings/plugin'" target="_blank" class="setting_button">Настройки плагина</a>
</div>

Ну и соответственно её код в ts:

export class PopupComponent implements OnInit {
   token = '';
   user: any = {};
   extension: any;
   siteAuthContent: boolean;

   constructor() {
      chrome.runtime.onMessage.addListener((message) => {
         if (message.type === 'siteAuth') {
            this.siteAction('auth', message.data);
            console.log('siteAuth');
         }
         if (message.type === 'saveSetting') {
            this.siteAction('saveSettingExtension', message.data);
            console.log('saveSetting');
         }
         if (message.type === 'siteLogout') {
            this.siteAction('logout');
            console.log('siteLogout');
         }
      });
   }

ngOnInit(): void {
chrome.storage.local.get(['token', 'user'], (result) => {
  if (result.hasOwnProperty('token') && result.hasOwnProperty('user')) {
    this.token = result.token;
    this.user = JSON.parse(result.user);
    console.log(this.token);
    console.log(this.user);

    this.siteAuthContent = this.token !== '' && this.user !== '';
    console.log('siteAuthContent: ' + this.siteAuthContent);
  }
});
}

siteAction(action, data: any = {}) {
if (action === 'auth') {
  this.user = JSON.parse(data.user);
  this.token = data.token;
  this.siteAuthContent = true;
  console.log('siteAuthContent: ' + this.siteAuthContent);

  chrome.storage.local.set({ token: data.token }, () => {
    console.log('Set token');
  });
  chrome.storage.local.set({ user: data.user }, () => {
    console.log('Set user');
  });
  }

  if (action === 'saveSettingExtension') {
  chrome.storage.local.set({ settingExtensionAction: data.settingExtension }, () => {
    console.log('Set setting extension');
  });
  }

  if (action === 'logout') {
  this.siteAuthContent = false;
  chrome.storage.local.remove(['token', 'user', 'settingExtension']);
  }
 }
 }

Ну думаю всё понятно, получая сообщение я меняю статус статут соответственно html должен поменяться, но хотя я вижу в консоли что статус сменилясс страница вообще не меняется. Вообще прошу помощи.