Как получить собственный элемент dom между тегами селектора в angular 6

Я хочу получить элемент 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 }

Может ли кто-нибудь помочь мне понять, как я могу это сделать?

0
0
86
1

Ответы 1

Вместо этого, почему бы вам не использовать CSS в файле .css дочернего компонента.

Вложите HTML-код компонента в <div> или, если он уже находится в <div>, присвойте ему класс, например

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

и в файле .css определите класс и добавьте все, что хотите добавить. Это может выглядеть примерно так:

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

Надеюсь, это поможет!

Я не хочу добавлять CSS к этому элементу, мне нужно получить все теги селектора элемента btw в виде строки.

skip yasin 26.10.2018 09:45

Этот вопрос может помочь тогда stackoverflow.com/q/49013217/6438896

Ayush Kumar 26.10.2018 10:16

Другие вопросы по теме