Question

所以我想在我的模板中显示一个html字符串。为此，我在我的html文件中使用它：

<div [innerHTML]="myObject.string | safeHtml"></div>

其中safeHtml是将html字符串标记为受信任的管道，例如解释here。这是我的 component.ts ：

import { Component } from '@angular/core';

@Component({
    templateUrl: "my html file"
})
export class MyComponent {
    myObject;
    variable;

    constructor() {
        this.variable = "hello";
        this.myObject = {string: "text text <b [innerHTML]='variable | safeHtml'></b> text text" };
    }
}

现在，这会显示在<div>：text text text text中。当我在浏览器中检查此内容时，它还有一个<b>标记，但它是空的，例如：<b [innerHTML]="variable | safeHtml"></b>。

我不想做myObject.string所在的事情：

"text text <b>" + this.variable + "</b>text text"

那是因为myObject实际上是在另一个组件中而且它没有指向this.variable的链接（我不知道这是不是很好实践）。

任何人都可以帮助我在html字符串中显示变量吗？我希望我解释得很好。谢谢！

html绑定中的Angular2变量

0 个答案: