angular - 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>