typescript Angular可能将子对象放置到组件

avwztpqn  于 2023-06-07  发布在  TypeScript
关注(0)|答案(1)|浏览(105)

我有一些琐碎问题我有我的组件(app-comp)

<div class="test">
  <ng-content select="content1"></ng-content>
  <ng-content select="content2"></ng-content>
</div>

我在我的组件2中使用这个组件。

<div>
  <div content1>Test</div>
</div>

这里有任何选项使用app-comp像这样:

<div>
 <content1>Test</content1>
</div>

看起来好多了,一目了然。也许我不能,我在这里问废话,在这种情况下,我道歉。但我有一种感觉,我以前见过这个,我不能完全找到它,因为我不知道确切地称之为什么。我理解它可能无法使用,因为这就是组件的使用方式。另一方面,我在想它在另一个组件里,所以它可能是。非常感谢。

cqoc49vn

cqoc49vn1#

第一块和第二块很好,不能按照你想要的方式缩短。
您在第三个块中使用的语法实际上是用于调用组件的语法。这样做:

<content1>Test</content1>

将以'content1'作为选择器调用组件。
这是两件不同的事情,不应混淆。
还有写作

<div content1>Test</div>

已经是一个非常酷和直接的方式来在组件中注入html:)

相关问题