代码之家 › 专栏 › 技术社区 › jaikl

如何在组件的返回值中设置范围标记

angular html

0

jaikl · 技术社区 · 7 年前

在下面的示例中,如何在x、y和total周围设置span标记,使其不是一个字符串?

 <div>
        {{GetNumbers()}}
    </div>

GetNumbers(){
const x = 10;
const y = 5;
total = 5;

return `${x} - ${y} of ${total}`;
}

1 回复 | 直到 7 年前

1

2

Brandon Taylor 7 年前

可以设置div的innerHTML属性以使用字符串,包括span标记:

<div [innerHTML]="GetNumbers()"></div>

GetNumbers(){
  const x = 10;
  const y = 5;
  const total = 5;

  return `<span>${x}</span> - <span>${y}</span> of <span>${total}</span>`;
}

闪电战: https://stackblitz.com/edit/angular-vlp9au?file=src%2Fapp%2Fapp.component.ts