使用属性绑定时刷新 Angular Emojis

Question

我是编程新手，如果问题很愚蠢，我很抱歉。 我正在使用Angular Emojis，我使用属性绑定显示带有变量的特定表情符号。

模板：

<angular-emojis [name]="emojivar" size="30" (mouseenter)="changeRoutine()" > </angular-emojis>

TypeScript 代码：

  emojivar = 'taco';

  changeRoutine(){
    console.log(this.emojivar);
    this.emojivar = 'tomato';
    console.log(this.emojivar);
  }

变量会改变，但表情符号不会改变。 有什么办法可以修复它，让它刷新吗？

Answer 1

老实说，我看不出有什么理由不这样做。您可以尝试强制更改检测：

consturctor(private cdr: ChangeDetectorRef) {}

changeRoutine(){
    console.log(this.emojivar);
    this.emojivar = 'tomato';
    console.log(this.emojivar);
    this.cdr.detectChanges();
}

[编辑] 我查看了您正在使用的库......它根本不处理更改：

https://github.com/saqy/angular-packages/blob/master/projects/angular-emojis/src/lib/angular-emojis.component.ts

Answer 2

希望这个example 对你有帮助。