如何将边距或css类应用于Angular 2组件？

假设我有一个组件，我希望应用一些边距，最好通过Bootstrap助手类（例如， MT-3应用顶部边距。当我这样在组件上指定它们：如何将边距或css类应用于Angular 2组件？

<my-custom-input required class="mt-3" name="usr" label="User" placeholder="Please enter username" [(ngModel)]="username"></my-custom-input>

的class="mt-3"不会做任何事情！通过Chrome开发工具手动设置边距是不可能的......我猜是因为my-custom-input不是预定义的HTML元素（如div），它不能有定义的边距？

这似乎在任何应用程序中都需要非常微不足道的东西，但我很惊讶我迄今无法找到答案。我们如何重新定位此组件？最起码，在父级别（不是内部组件模板）指定的利润率似乎至关重要的事情需要？..

2017-06-19 Titan

你我的定制输入做些什么类？我的自定义输入中有更多的HTML元素？ –

@EyalCohen是的'我的自定义输入'确实有一个div和更多嵌套在该div内的内容。 – Titan

给它一个display: block;在你的CSS

2017-06-19 10:12:27 Meir

回答