如何在此示例中输出HTML？

Question

这是我的功能：

public static monthDay(month: number): string {
     let day = new Date().getDay();
     let year = new Date().getFullYear();
     return day + ", " + year;
}

我想在day标记中包含<span></span>，但我会输出<span></span>个标记。

我试过这个：

return "<span>" + day + ", " + "<\/span>" + year;

但是我输出了<span></span>个标签。

我正在尝试在Angular2中输出它。

this.day = monthDay(this.month);

我在HTML中得到这样的输出：

<span>13, </span>2017

虽然我需要将其包含在span标签中，而不是输出span标签......

我怎样才能做到这一点？

感谢。

Answer 1

您应该在模板中使用[innerHtml]属性标记，以便Angular接受（已清理的）HTML内容而不转义特殊字符。

<div [innerHtml]="day"></div>

Answer 2

从标记本身调用该函数，如下所示

<span>{{monthDay(2)}}</span>

注意： 我明白了

public static monthDay(month: number): string {}

您有输入参数，但在调用this.day = monthDay();

时没有通过

您可以使用

保存

monthDay(){
    let day = new Date().getDay();
     let year = new Date().getFullYear();
     this.myDate = day + ", " + year;
     return this.myDate;
}

将myDate声明为类声明

下面的字符串