Angular Library扩展了第三方组件

时间:2020-06-03 19:00:23

标签: angular angular-directive angular-components angular-library

我有一个使用Telerik进行样式设计的角度库。在此库中,我正在创建一组过滤器(即客户过滤器)。我有一个使用<kendo-multiselect></<kendo-multiselect>属性的自定义组件。 <kendo-multiselect>是telerik angular npm软件包的组件。

我想要的是拥有一个自定义组件的能力,无论谁使用此组件,他们都可以从第三方telerik角度包中添加其他的telerik属性,而无需创建@input元素来映射它们。

示例: kendo-multiselect具有“可过滤”属性。这是一个true / false值,所以我真的不需要为此编程,因为它全部在第三方kendo-multiselect组件中处理,但是我希望用户将其传递给自定义组件。这样,他们可以访问所有100个可自定义的属性,而无需创建100个@inputs。

所以<lib-customer-filter [Filterable]="true"></lib-customer-filter>

我需要的是以某种方式将可过滤属性自动放入自定义组件的模板<kendo-multiselect></kendo-multiselect>中。

我得到的是一个简单的示例,但是假设kendo multiselect附带了100个属性。我不想对其中的每一个进行编程,我希望用户能够设置属性并使用这些功能,而无需进行编程。

Angular Components可以做到吗?

编辑

我已经看到了ng内容。我想要的正是ng-attribute或类似的东西。所以看起来像这样。

自定义组件

selector: lib-customer-filter
template:`<kendo-multiselect ng-attributes></kendo-multiselect>`

使用自定义组件

<lib-custom-filter [Filterable]="true"></lib-custom-filter>

0 个答案:

没有答案
相关问题