更新 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 更新為 object 值 dataNew = 20，我的組件會實時了解將 3# dataView 更新為新值嗎？

Answer 1

是的，雖然不推薦，但它是可行的。

分配 myvariable 以鍵入 any。

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