Javascript 如何在Angular4中使用转义

Javascript 如何在Angular4中使用转义,javascript,angular,tabs,Javascript,Angular,Tabs,我正在努力理解转义,并且弄明白了这一点 动态内容可以投影到块中。我想这是最基本的想法 我正在遵循如何在Angular 2+中构建选项卡组件。 有一些基本的疑问需要澄清 因此,在应用程序组件的模板中: template:` <tabs> <tab tabTitle="Tab 1" >Tab 1 Content</tab> <tab tabTitle="Tab 2">Tab 2

我正在努力理解转义,并且弄明白了这一点
动态内容可以投影到块中
。我想这是最基本的想法

我正在遵循
如何在Angular 2+
中构建选项卡组件。

有一些基本的疑问需要澄清

因此,在
应用程序
组件的
模板
中:

  template:`
          <tabs>
            <tab tabTitle="Tab 1" >Tab 1 Content</tab>
            <tab tabTitle="Tab 2">Tab 2 Content</tab>
          </tabs>
          `
这是可以理解的。 我不清楚的是,
Tabs组件的外观:

@Component({
  selector: 'app-tabs',
    template:`
            <ul class="nav nav-tabs">
              <li *ngFor="let tab of tabComponents">{{tab.title}}</li>
            </ul>
            <ng-content></ng-content>
            `
})
export class TabsComponent implements OnInit,AfterContentInit {
  @ContentChildren(TabComponent) tabComponents:QueryList<TabComponent>;
@组件({
选择器:“应用程序选项卡”,
模板:`
    {{tab.title}
` }) 导出类TabsComponent实现OnInit,AfterContentInit{ @ContentChildren(TabComponent)tabComponents:QueryList;
为什么需要使用此处? 动态内容在选项卡组件中,因此选项卡模板中的
是有意义的,为什么它在选项卡中
制表符组件的模板?


请澄清基本内容。

除了由
*ngFor
@GünterZöchbauer生成的标签外,可能还需要通过准备好的标签来显示。对不起,我无法理解你的观点。请你用更简单的术语或示例来详细说明。你有没有尝试过不使用
?我不明白你为什么需要它。你为什么要这样做你用墨水吗?你的代码没有显示你是如何使用它的。@GünterZöchbauer实际上是的,我也不明白它的作用。我正在浏览我问题中提供的文档,但在尝试练习时被卡住了。我不想阅读整个文档。简言之,如果你有
某个标题
,那么
某个标题
将被删除显示在您的
选项卡组件
包含
元素的位置。除了由
*ngFor
@GünterZöchbauer生成的选项卡外,可能还需要传递准备好的选项卡。对不起,我无法理解您的观点。请您用更简单的术语或示例详细说明一下,这也很好。您是否尝试过不使用
我不明白你为什么需要它。你认为你为什么需要它?你的代码没有显示你是如何使用它的。@GünterZöchbauer实际上是的,我也不明白它的作用。我正在浏览我问题中提供的文档,但在尝试练习时被卡住了。我不想阅读整个文档。简言之,如果你有
一些标题
,然后将在
选项卡组件
包含
元素的位置显示一些标题。
@Component({
  selector: 'app-tabs',
    template:`
            <ul class="nav nav-tabs">
              <li *ngFor="let tab of tabComponents">{{tab.title}}</li>
            </ul>
            <ng-content></ng-content>
            `
})
export class TabsComponent implements OnInit,AfterContentInit {
  @ContentChildren(TabComponent) tabComponents:QueryList<TabComponent>;