gpt4 book ai didi

javascript - HTML 代码形式 Angular2 组件属性

转载 作者:行者123 更新时间:2023-11-30 12:00:55 25 4
gpt4 key购买 nike

按照示例使用来自 http://valor-software.com/ng2-bootstrap/ 的 ng2-bootstrap 生成选项卡 View ,我有以下代码:

<tabset>
<tab *ngFor="#tabz of tabs"
[heading]="tabz.title"
[active]="tabz.active"
(select)="tabz.active = true"
(deselect)="tabz.active = false"
[disabled]="tabz.disabled"
[removable]="tabz.removable"
(removed)="removeTabHandler(tabz)">
{{tabz?.content}}
</tab>

但我想从 {{tabz?.content}} 属性中提取 HTML 代码。有没有办法做到这一点?我的标签数组如下所示:

public tabs:Array<any> = [
{title: 'Summary View', content: 'Dynamic content 1', active: true},
{title: 'Search View', content: '<someAngularComponent>Error Displaying Entry view</someAngularComponent >'}];

最佳答案

<tabset>
<tab *ngFor="#tabz of tabs"
[heading]="tabz.title"
[active]="tabz.active"
(select)="tabz.active = true"
(deselect)="tabz.active = false"
[disabled]="tabz.disabled"
[removable]="tabz.removable"
(removed)="removeTabHandler(tabz)"
[innerHTML]="tabz?.content">
</tab>

您应该知道,Angular 不会清理 HTML,也不会以任何其他方式处理它。像 [] 这样的绑定(bind), () , {{}} , <my-comp> , <div myDirective>以这种方式添加的 HTML 会被 Angular 忽略。

关于javascript - HTML 代码形式 Angular2 组件属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36635936/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com