Question

我有两个组成部分。第一个组件是表组件 - ＆gt;选择器：＆＃39; table-component＆＃39;。该组件在我的表上实现了标准过滤。

我的第二个组件是显示表格的页面的组件。我有多个页面通过使用标记来使用此表组件。

但是有些页面需要一些自定义过滤。那么如何在表组件中添加自定义过滤呢？

<table-component>
     <custom-filtering>
          <div>
               Here has to come the filtering stuff
          </div>
     </custom-filtering>
</table-component>

Answer 1

在customFiltering指令中，您必须添加此

return {
    transclude: true,
    /* your code */
    ...
    ...
}

然后您需要将其添加到模板

<ng-transclude></ng-transclude>

这意味着您在标签之间编写自定义html

<custom-filtering>
    // html code here
</custom-filtering>

标签之间的html代码将替换为您的

<ng-transclude></ng-transclude>

在您的模板中..

这是你在找什么？希望这能帮到你

归档所需内容的其他方法是扩展customFiltering指令并传递自定义过滤器

Angular使用来自另一个组件内的组件的html模板

1 个答案: