访问元素替换为 ng-content

Access element replaced with ng-content

我尝试创建一些选项卡组件,可以像 Angular Material 组件一样使用这些组件。

但是我做的解决方案不对,有bug

我用过 document.getElementsByTagName('app-tab')

这是选项卡组件模板

这是它使用的方式

我想访问 app-tab 标签属性值,但不知道如何从使用了 ng-content 的应用程序选项卡访问它 提前谢谢你

答案

这叫做内容投射

详细介绍可以在这里找到

https://blog.angular-university.io/angular-ng-content/

您可以使用@ContentChild 或@ContentChildren 装饰器访问它。你可以在这里阅读它们:-

https://angular.io/api/core/ContentChildren

https://angular.io/api/core/ContentChild