在ng-Template内部呈现动态HTML

时间:2018-08-13 14:38:44

标签: angular

如何在ng-template内插入动态HTML? HTML来自TS,如下所示,但是在呈现时以字符串模式<span class="searchedText">Some Name here</span>

出现

HTML

<ng-template #nameTmpl let-value>
  {{ formatName(value) }}
</ng-template>

TS

formatName(name) {
    return name.replace(new RegExp(this.textSearch.toUpperCase(), 'g'),
                `<span class='searchedText'>` + this.textSearch.toUpperCase() + `</span>`);
}

0 个答案:

没有答案