如何使用管道有条件地显示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
                "

这个想法是将条件包装在里面()，然后result从该条件转换 。这就是为什么translate管道在外面()