角度内容投影上的文档似乎很稀少,但是尽管我设法使内容投影工作起作用,但我尚不清楚如何将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