javascript - 如何使用管道有条件地显示innerHTML值

Question

我正在使用 Angular 8。希望使用管道翻译有条件地实现 innerHTML。

.html

<button type="button"     
    mat-flat-button
    // using translate module internally
   [innerHTML] = "display ? (HIDE_NUMBER' : SHOW_NUMBER) | translate)"
   (click)="toggle()">
</button>

.ts

//all imports are done

   export class New implements OnInit {

    public display: boolean;

    constructor() {}

    toggle() {
      this.display = !this.display;
    }

}

Answer 1

HIDE_NUMBER 之后有一个奇怪的 ' :) 。但这不是唯一的问题

你需要做这样的事情

[innerHTML] = " (condition ? 'translate_string'
                   : 'the_other_translate_string'
                ) | translate
                "

这个想法是将条件包装在 () 中，然后根据该条件转换结果。这就是为什么 translate 管道位于 ()

之外