Ionic 4 字符串到 html

Question

你好，我正在尝试制作一个日历并显示它是由 div 创建的，但我的问题是当我将我的数据调用到我的应用程序时，应用程序写入字符串并且不接受 html在里面。

这是我的home.ts:

calendarloop(tmp = 1) {
        for (let cpt = 0; cpt < 6; cpt++ ) {
           this.calendar += '<div class="row"><div class="col-2"></div>';
            for (let i = 0; i < 7; i++) {
                this.calendar += '<div class="col-1 calendar">' + tmp + '</div>';
            } tmp++;
            this.calendar += '<div class="col-2"></div></div>';
        }
}

这是我的home.html:

    <div class="row">
      <div class="col-2"></div>
        <div class="col-1 calendar">D</div>
        <div class="col-1 calendar">L</div>
        <div class="col-1 calendar">M</div>
        <div class="col-1 calendar">M</div>
        <div class="col-1 calendar">J</div>
        <div class="col-1 calendar">V</div>
        <div class="col-1 calendar">S</div>
      <div class="col-2"></div>
    </div>
  {{ calendar }}

有人可以解决吗？

Answer 1

解决办法是 innerHTML Angular 标签

<div [innerHTML]="string html code"></div>

Ionic 4 字符串到 html

Ionic 4 string to html

angular

ionic4