如何将Bootstrap样式向下传递到Angular 7+中的投影内容?

时间:2019-05-06 04:27:03

标签: angular bootstrap-4 angular7

关于Angular内容投影的文档似乎很少,但是虽然我设法使内容投影正常工作,但是我不清楚如何将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)传递到投影内容,以便正确设置样式?

1 个答案:

答案 0 :(得分:1)

投影内容就像将HTML代码呈现给子组件一样,因此无论您在子组件标签之间放置的内容如何,​​都会将其呈现给子组件中的ng-content标签。因此,如果您的HTML内容引导类,则无需传递类或样式。

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

相关问题