静态属性的html绑定

Question

我有一个由组件和模板组成的模块。 在组件中，我有一个静态函数（由于要创建一个库，所以我需要将其设为静态），所以我也有一个静态属性，其中将包含一个html字符串。

我正在尝试使用[innerhtml]将此属性绑定到模板。

Component.ts：

导出类AppSqvComponent {

static sqv: string;


static myFunc(): void {

        this.sqv = myHtmlString;

}

Template.html：

模板无法识别“ sqv”，表示变量未解析。

Answer 1

您的“sqv”属性是静态的（属于一个类）。因此，您不能将它与“this”一起使用……“this”表示它属于已创建的实例而不属于类……

export class AppSqvComponent {
    static sqv: string;
    static myFunc(): void {
            this.sqv = myHtmlString; //===> wrong
    }

你必须像这样使用它：

export class AppSqvComponent {
    static sqv: string;
    static myFunc(): void {
            AppSqvComponent.sqv = myHtmlString; //===> Ok
    }