我们可以将html模板从angular2中的一个组件传递到另一个组件吗?

塔努·帕瓦尔

假设我有一个可重用的基本组件CardComponent,即它将接受诸如1. DataArray 2. HTML模板(经过迭代)的输入。

因此,消费者组件将使用CardComponent选择器并传递dataArray和Template。

我该如何实现?(传递htmltemplate)

车丹·拉达(Chetan Laddha)

是的,可以使用ng-content方法传递HTML模板,但是您应该始终使用模板方法。

您的.html文件->通用->

<div>
      <ng-container *ngTemplateOutlet="template"> </ng-container>
 </div>

您的.ts文件

    @ContentChild(TemplateRef)
    template: TemplateRef<any>;

以及要传递模板的其他组件文件

<my-component>
     <ng-template> Your HTML Content </ng-template>
 </my-component>

有关为什么应考虑使用ng-template而不是的更多详细信息

https://medium.com/michalcafe/angulars-content-projection-trap-and-why-you-should-consider-using-template-outlet-instead-cc3c4cad87c9

Angular 2使用ng-content的“模板”在组件循环内使用

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我们可以在当前版本的Angular2的另一个组件内部使用一个组件吗?

我可以将“内联模板”组件传递到另一个“内联模板”组件吗?

将字符串从angular2中的另一个组件tpl传递到组件

我可以滚动到另一个组件模板中的HTML元素吗?

将数据从一个组件传递到另一个 Angular 2

Angular将一个组件作为另一个组件的ng模板传递

将一个组件传递到props数组中的另一个组件

将JSON数据从App组件传递到Angular 6中的另一个组件

如何在Angular2中将变量值从一个组件传递到另一个

Angular 2 将变量从一个组件传递到另一个组件

将文本从一个组件传递到Angular中的另一个组件

在Angular 5中将模型从一个组件传递到另一个组件

Angular 5 将数据从一个组件中的表传递到另一个组件

我们可以将变量从一个C程序传递到另一个C程序吗?

如何将对象从一个组件传递到另一个组件以在angular2中建立数据模型?

我们可以将两个函数作为另一个函数的参数传递吗?

Angular 2将表单数据传递到另一个组件

将数据从同级组件传递到另一个 Angular 2

将事件从子组件传递到另一个子组件Angular 7

将数据从一个组件传递到另一个组件

将错误数据从一个组件传递到另一个组件

将数据从一个组件传递到另一个组件

是否可以将指令应用于另一个组件模板中的组件?

AnimationController:我们可以将TickerProvider vsync传递给另一个类吗?

如何使用 Angular 将函数从一个组件传递到另一个组件?

ANGULAR.js 将函数从一个组件传递到另一个组件

Angular:如何将数据从组件传递到另一个组件而不通过HTML?

如何传递组件类型以渲染到Angular中的另一个组件?

将值从组件中的回调传递到另一个组件