gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 19:41:39 25 4
gpt4 key购买 nike

我正在使用 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;
}

}

最佳答案

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

你需要做这样的事情

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

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

之外

关于javascript - 如何使用管道有条件地显示innerHTML值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60003746/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com