如何将Bootstrap样式传递到Angular 7 中的预计内容



角度内容投影上的文档似乎很稀少,但是尽管我设法使内容投影工作起作用,但我尚不清楚如何将bootstrap类传递给预计的内容 <ng-content></ng-content>在儿童组件中,或者甚至可以这样做?

例如,如果我有一个简单的按钮:

<a class="btn btn-primary dropdown-toggle mr-4" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">My Buttton</a>

如何将类(例如.btn.btn-primary(传递给投影内容,以正确样式?

投影内容就像将html代码渲染到子组件一样,因此无论您在子零件标签之间放置什么,它都会呈现给孩子的ng-content标签。因此,如果您的html内容bootstrap类,则无需通过类或样式。

工作示例 - skdroid-ngcontent-content-Procotity

最新更新