Angular2 Html模板_Html_Angular_Angular2 Template

Angular2 Html模板

html angular

Angular2 Html模板,html,angular,angular2-template,Html,Angular,Angular2 Template,是否有一种方法可以从另一个html模板调用组件选择器。例如： @Component({ selector: 'reports', templateUrl: 'reports.html' }) 我可以从另一个templateUrl中调用该选择器“reports”吗？我正试图将我的html分割成不同的文件，以使其更易于管理。我知道如何像html中的那样设置它。我不确定我将如何设置它，或者从模块中按话调用它。选择器：“[reports]” 选择器：“[reports]”指定选择器时

是否有一种方法可以从另一个html模板调用组件选择器。例如：

@Component({
    selector: 'reports',
    templateUrl: 'reports.html'
})

我可以从另一个templateUrl中调用该选择器“reports”吗？我正试图将我的html分割成不同的文件，以使其更易于管理。我知道如何像html中的

那样设置它。我不确定我将如何设置它，或者从模块中按话调用它。

选择器：“[reports]”

选择器：“[reports]”

指定选择器时，基本上是在定义自定义HTML元素。因此，您可以在应用程序中的任何其他模板中使用它，如图所示：

角度模块提供“模板解析环境”。因此，您需要确保包含“reports”选择器的组件与使用它的任何模板在同一组件中声明，或者通过角度模块导入“拉入”

我这里有一个例子：查看star.component.ts.

我认为您拆分html页面子页面非常简单

<body>
   <div clss="ui container">
      <reports></reports>  //the reports page view render hear,just add 
                             this component class in NgModules, it will works
   </div>

  <div clss="ui container">
      <reports-list></reports-list> //you can add another file also same
  </div>
</body>


//“报告”页面视图，只需添加
这个组件类在NgModules中，它将工作
//您可以添加另一个同样的文件

我不确定如何设置或从模块内按话调用它这意味着什么？我是否必须为调用其他templateUrl的模块导入其他组件文件才能了解报告templateUrl？这将有助于：