<router-outlet>之后的组件标签

Question

partial1.html

<div class="content">test test</div>

main.html中

<div class="main">
   <router-outlet></router-outlet>
</div>

从main.html开始，呼叫partial1.html。 在运行时，html将是这样的：

<div class="main">
   <router-outlet></router-outlet>
   <partial1>
     <div class="content">test test</div>
   </partial>
</div>

有什么方法可以删除额外标签吗？如果可能的话，也许合并标签。没有打破Angular路由器。

另外，我不想打破CSS。这很重要。

.main > .content {}

Answer 1

我有自己的解决方案。

partial1.html

<div class="content">test test</div>

main.html中

<router-outlet></router-outlet>

@Component({
selector: ".main", //instead of 'partial1'
templateUrl: "./partial1.html",
encapsulation: ViewEncapsulation.None,
})

我得到了所需的结果。

<router-outlet></router-outlet>
<div class="main">
   <div class="content">test test</div>
</div>