我有一个Angular 8
应用。
在下面的文章之后,我对ContentChildern
,QueryList
等有了一个了解,并构建了一个示例标签组件。
https://juristr.com/blog/2016/02/learning-ng2-creating-tab-component/
这是我带有标签的应用程序组件的样子
//our root app component
import { Component,ViewChild } from '@angular/core';
import { TabsComponent } from './tabs/tabs.component';
@Component({
selector: 'my-app',template: `
<my-tabs>
<my-tab [tabTitle]="'Tab 1'">
Tab 1 content
</my-tab>
<my-tab tabTitle="Tab 2">
Tab 2 content
</my-tab>
</my-tabs>
`
})
export class AppComponent { }
但是我有很长的HTML模板,因为每个选项卡的内容都是一个简单的字符串。
如何针对每个标签指向HTML模板作为标签内容?如下所示
<my-tab [tabTitle]="'Tab 1'">
//templateUrl -> tab1.content.html
</my-tab>
谢谢!