我想要一个完全用组件变量生成模板数据的组件。
t.string "category_id"如果变量发生变化，则应呈现其他组件。如果我以这种方式尝试，我得到的是“import { Component} from '@angular/core';
import { DataService } from '../../services/data.service';
@Component({
selector: 'app-slot',
template: '{{component}}',
styleUrls: ['./slot.component.css']
})
export class SlotComponent {
private component:string;
constructor(
public dataService : DataService
) {
this.component = '<app-menu id="1"></app-menu>';
}
}
”作为字符串。但我希望组件能够以这种方式呈现：
<app-menu id="1"></app-menu>有没有办法使用adwise angular来将变量解析为HTML？或者另一种方法呢？
感谢。
答案 0 :(得分：0)
您可以在模板中使用ngIfs / switchCases根据条件放置组件，也可以使用动态组件加载器从ts文件加载组件。
例如
<app-menu1 *ngIf="component === 'app-menu1'"></app-menu1>
<app-menu2 *ngIf="component === 'app-menu2'"></app-menu2>