css - 在 Angular 中为组件添加自定义样式

Question

我还是 Angular 7 的新手。我有一个带有标题指令和 div 的表单。我试图将它们都设置在同一行中，并在表单侧面设置 49% 的宽度。 div 样式工作正常，但在 title 组件中不采用该样式。问题是我只需要更改当前表单中的 title 指令。有什么办法吗？非常感谢

<form #taskForm="ngForm" (ngSubmit)="onSubmit()">

    <my-title   [style.width]='49%' [title]="'title.page'" [wikiUrl]='wikiUrl' icon="work">
    </my-title>

   <div [style.width]='49%'> 
    <button>Save</button>
   </div>

</form>

Answer 1

添加几乎等于 49% 的 px。

 <div [ngStyle]="{'width.px': 490px}"> 
       <button>Save</button>
    </div>