Обновление значения свойств компонента на Angular

Question

Допустим, у меня есть вызов переменной myvariable, и я хочу обновить значение с 1 # boolean до 2 # object

export class controller extends component {

  1# let myvariable = true;

   
  2# click event would update this.myvariable = { dataNew = 20 }


  3# dataView: myvariable ;

}

2 # я хочу обновить myvariable до объекта со значением dataNew = 20 , поймет ли мой компонент обновление 3 # dataView до нового значения в реальном времени?

Answer 1

Да, это выполнимо, хотя это не рекомендуется.

Назначьте myvariable любому типу.

import { Component, VERSION } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular ' + VERSION.major;
  myvariable: any = true;

  update() {
    this.myvariable = {dataNew: 20};
  }

}

https://stackblitz.com/edit/angular-ivy-spsiuq