时间戳

首页 > 解决方案 > 如何在角度 6 中获取选择器标签之间的原生 DOM 元素

angular6 - 如何在角度 6 中获取选择器标签之间的原生 DOM 元素

问题描述

我想获取 2 个组件选择器标签之间的 html 元素。像这样的东西：

component A
 template: '<comp-b><div><h1>Hi</h1></div></comp-b>'

component B
 selector:'comp-b'
export class ComponentB{ //I want to get "<div><h1>Hi</h1></div>" as a string }

谁能帮我理解我该怎么做？

标签： angular6

解决方案

取而代之的是，您为什么不在子组件的 .css文件中使用 CSS。

将组件的 HTML 包含在 a 中，<div>或者如果它已经在<div>为它分配一个类，例如

<div class="c1">
    ... 
    <!-- your code here-->  
    ...
</div>

并在.css文件中，定义类并添加您想要添加的任何内容。它可能看起来像这样：

.c1{
      display: block;
      font-size: 25px;
      font-weight: bold;
      line-height: 1.1;
 }

希望有帮助！

推荐阅读