Как в angular не создавать родительский элемент?

Question

[Speakermen]

Как не создавать

<app-post _ngcontent-jxd-c17="" _nghost-jxd-c16="">

? шаблон рушится

<app-posts _ngcontent-jxd-c18="" _nghost-jxd-c17="">
    <div _ngcontent-jxd-c17="" class="container">
        <div _ngcontent-jxd-c17="" class="row">
            <app-post _ngcontent-jxd-c17="" _nghost-jxd-c16="">
                <div _ngcontent-jxd-c16="" class="col-6">
                    <div _ngcontent-jxd-c16="" class="padd_0-15 bg">1 1</div>
                </div>
            </app-post>
            <app-post _ngcontent-jxd-c17="" _nghost-jxd-c16="">
                <div _ngcontent-jxd-c16="" class="col-6">
                    <div _ngcontent-jxd-c16="" class="padd_0-15 bg">1 1</div>
                </div>
            </app-post>
        </div>
    </div>
</app-posts>

//app-post
<div class="col-6">
  <div class="padd_0-15 bg">1 1</div>
</div>

//app-posts
<div class="container">
  <div class="row">
    <app-post></app-post>
    <app-post></app-post>
  </div>
</div>

//app-root
<app-posts></app-posts>

Comments

[Speakermen]

Так сделал(

import { Component, OnInit } from '@angular/core';

@Component({
  selector: '[app-post]',
  templateUrl: './post.component.html',
  styleUrls: ['./post.component.css'],
})
export class PostComponent implements OnInit {
  constructor() {}

  ngOnInit(): void {}
}

<div class="container">
  <div class="row">
    <div app-post class="col-6"></div>
    <div app-post class="col-6"></div>
  </div>
</div>

[Антон Швец]

Speakermen, у вас в стилях жестко прописано что нужен див?

[Speakermen]

Антон Швец, нет мне главное class="col-6"

[Антон Швец]

Speakermen, ну так и положите его на компонент, див можно. и не использовать