避免html重复

我有以下html，

params.formGroup.controls[params.fieldName].value

在ngbTooltip中重复出现，看起来很难看，有没有办法重新写入该行以避免重复

params.formGroup.controls[params.fieldName].value

<div class="svg-class">
    <svg [id]="params.id"
    [ngbTooltip]="allTrans[params.formGroup.controls[params.fieldName].value] ?
        allTrans[params.formGroup.controls[params.fieldName].value] :
        params.formGroup.controls[params.fieldName].value"
    container="body"
    triggers="manual">
    </svg>
</div>

---

您可以尝试使用

*ngIf

指令的

作为
构造和
元素

在最终DOM中被注释掉，因此不会导致膨胀
请注意，现在您正在隐式检查是否定义了
params.formGroup.controls[params.fieldName].value


从Angular（）中，您还可以使用，而不是三元运算符


我在Angular方面不是很流利，但一个想法是将其修改为
[ngbTooltip]=somefunction（params.formGroup.controls，allTrans）
。如果您能在此时调用函数。@LajosArpad：如果OP在其组件中使用默认的更改检测策略，这将是一个坏主意。在这种情况下，每个变更检测周期都会触发该功能，并可能导致性能问题。有关更多信息，请参见此处：