Angular:将所有指令从父组件透明地传递给子组件

Angular: passing all directive from parent component to child transparently

提问人:gau000 提问时间:6/15/2023 更新时间:6/15/2023 访问量:21

问:

让我们有一个名为的组件,它使用另一个名为 的组件。parentchild

我希望,在客户端中,将指令传递给 ,例如:parent

<parent dir1='dirval1'></parent>

父级充当一个薄包装器,并将此指令转发给 ,最终像这样调用 child:child

<child dir1='dirval1'></parent>

这在角度上可能吗,如果可以,如何?

HTML Angular 指令

评论


答:

0赞 rad gra 6/15/2023 #1

不,这并非不可能。如果你想在“父”组件之外使用指令来定制一个“子”组件,你可以像这样使用 ng-content:

“main”组件模板:

<parent>
  <child dir1="dirval1"></child>
</parent>

在“父”组件模板中,我们只需更改为:

//...some other template logic/layout
// and here where previously was child component we write instead:
<ng-content></ng-content>