Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用管道有条件地显示innerHTML值_Javascript_Html_Angular - Fatal编程技术网

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

Javascript 如何使用管道有条件地显示innerHTML值,javascript,html,angular,Javascript,Html,Angular,我用的是角度8。希望使用管道翻译有条件地实现innerHTML .html <button type="button" mat-flat-button // using translate module internally [innerHTML] = "display ? (HIDE_NUMBER' : SHOW_NUMBER) | translate)" (click)="toggle()"> </button> 您在隐藏编号

我用的是角度8。希望使用管道翻译有条件地实现innerHTML

.html

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


您在
隐藏编号
:)之后有一个奇怪的
'
)。但这不是唯一的问题

你需要这样做

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

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

的外部,在
隐藏编号之后有一个奇怪的
)。但这不是唯一的问题

你需要这样做

[innerHTML] = " (condition ? 'translate_string'
                   : 'the_other_translate_string'
                ) | translate
                "
其思想是将条件包装在
()
中,然后从该条件转换
结果。这就是为什么
translate
管道位于
()

之外的原因,请尝试以下操作:

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

试着这样做:

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


Typo,忘了删除Typo,忘了删除很高兴我能帮上忙!干杯Dyeah只有在发布几分钟后才会接受。请给这个问题打分:)很高兴我能帮上忙!干杯Dyeah只有在发布几分钟后才会接受。请给这个问题打分:)