角度更改EventEmitter之后的值

Question

我有一个具有某种切换功能的组件。

  <label *ngIf="value" (click)="toogleLuckBet()">On</label>
  <label *ngIf="!value" (click)="toogleLuckBet()">Off</label>

export class GameStarComponent {
  @Input() value: boolean;
  @Input() disabled: boolean;
  @Output() valueChange = new EventEmitter<boolean>();

  constructor() {
    this.value = false;
    this.disabled = false;
  }

  toogleLuckBet() {
    this.value = !this.value;
    this.valueChange.emit(this.value);
  }

}

这个组件正在foreach内部使用，我想做的是基于其他字段的某些条件允许值更改或不更改。 所以我的想法是在调用该组件时要有一个valueChanged

<game-star [(value)]="game.isLuckBet" (valueChange)="changeLuckBet()"></game-star>

并在父组件上实现函数changeLuckBet，该函数将检查场景，并在必要时将game.isLuckBet属性的值更改为false。

发生的事情是，即使我看到调试时该属性发生了更改，但在所有属性都处于真实状态之后，好像我从未在父组件上进行更改一样。

我想念什么？

Answer 1

您是否可以尝试通过更改来使用属性绑定而不是双向绑定

[(value)]="game.isLuckBet" 

To

[value]="game.isLuckBet"