Angular 角度组件的条件样式

我正试图按照以下方式根据条件设计组件

<div class="col-md-3 d-flex justify-content-center align-items-center" ng-style ="{ ' background-color' : (vars.state=='Signup')? '#73c7af' : '#ffffff' }">

---

还有我的vars.state=注册。因此，根据这个div的背景，它应该是#73c7af，但它仍然是白色的。谁能告诉我哪里出错了吗？

ng style

是AngularJS的语法。对于Angular 2+，请使用

[ngStyle]=''

语法。（见附件）

---

您可以使用style.propertyName设置任何条件样式属性

<div class="col-md-3 d-flex justify-content-center align-items-center" [style.background]="someFunction()">

发布vars的内容这些都是vars vars={state:''}；SignUpdatea={name:''，email:''，父亲/丈夫：''，地址：''，cnic:''，cnincpath:''}；signatureData={name:''，signatureurl:''}验证={代码：{digit1:''，digit2:''，digit3:''，digit4:''，}，标题：''，消息：{顶部：''，底部：'}，按钮：'next'}，我正在构造函数中将状态设置为'Signup'。angular此角度为2或1？删除html中背景色之前的空格<代码>[ngStyle]=“{'background color'：vars.state=='Signup'？'#73c7af'：'#ffffff'}”删除

背景色之前的尾随空格，您的解决方案应该可以工作。这也行得通。
<div class="col-md-3 d-flex justify-content-center align-items-center" [style.background]="someFunction()">