时间戳

首页 > 解决方案 > ng-content 中的子组件的角度传递输入

angular - ng-content 中的子组件的角度传递输入

问题描述

我想使用内容投影将一些属性从父组件传递给子组件，这可能吗？

例如，这是我的模板：

<my-form [display]="'horiz'">
  Email: <my-input [type]="'email'" ...></my-input>
  Name: <my-input [type]="'name'" [display]="'vert'" ...></my-input>
  ...
</my-form>

现在my-form组件有这样的模板：

<form ...>
  <ng-content></ng-content>
</form>

我想要的是组件可以访问的display属性，这样它也可以被组件覆盖，就像名称输入一样。my-formmy-inputmy-input

那可能吗？

标签： angularangular7

解决方案

你可以使用@ContentChildren，在 stackblitz 上做了一个例子：

https://stackblitz.com/edit/angular-content-children-example

我已经修改了ngAfterViewInit使用来自ContentChildren.

希望能帮助到你。如果有更好的方法，请随时更新代码。

推荐阅读