angular - 是否可以在 Angulars <ng-content> 中通过 id 选择?

标签 angular angular7

我正在尝试 Angular(版本 7)的内容投影。据我所知,可以通过属性、类和标签进行选择 select <ng-content> 的属性.

我也尝试过按 id 选择:

<ng-content select="#myID"></ng-content>

来自:

<mycomponent>
   <div id="myid">
        Test
   </div>
</mycomponent>

但似乎不起作用。

为什么选择 ID 不起作用?

最佳答案

我无法给出为什么您不能使用像 #myID 这样的语法来定位 ID,但您可以使用像 [ 这样的语法来定位 DOM 节点上的属性attribute=value] (就像您在 CSS 选择器中所做的那样)。使用此功能,您可以定位特定的 ID 属性。在您的情况下,您需要使用以下内容:

<ng-content select="[id=myID]"></ng-content>

关于angular - 是否可以在 Angulars <ng-content> 中通过 id 选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53285922/

相关文章:

javascript - 将 TypeScript 文件内的 "function"调用为 HTML

Angular FormArray插入

angular - 使用 primeNG 和 dataTable 进行 CSV 导出的嵌套 json 对象

css - 为什么 Bootstrap 表不使用 Angular 7 中的样式?

angular - 从 6 到 7 的 Angular 迁移后无法比较 Jasmine 中的枚举

javascript - Angular 翻译服务,在嵌套的 json 中插入参数

Angular 2 - canActivate 内的服务调用

angular - 如何将 C3 图表添加到 Angular 2+ 项目

javascript - Typescript/Angular 7 : How can I iterate over Object matching my Interface with Object. 键?

javascript - 动态组件列表上带有 ng-template 的 cdkDropList 不起作用