角度组件的条件样式

我试图按照以下方式在条件基础上设置组件的样式。角度组件的条件样式

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

and my vars.state = Signup。所以根据这个div的背景应该是＃73c7af，但它仍然是白色的。有人可以告诉我我错在哪里吗？

来源

2017-08-03 Shoaib Iqbal

POST变量 – Sreemat

的含量这些都是瓦尔瓦尔= { 状态： '' }; signupData = { 名： ''，电子邮件： ''， father_husband： ''，地址： ''， CNIC： ''， cnincpath： '' }; signatureData = { 名： ''， signatureurl： '' } 验证= { 代码：{ digit1： ''， digit2： ''， digit3： ''， digit4： ''， }，标题： ''，消息：{ 顶部： ''，底部： '' }，按钮： '下一步' } 而且我设置状态设置为 '在构造函数中注册'。 –

angular的语法是'[ngStyle] =“...”' –

ng-style是AngularJS的语法。对于Angular 2+，使用[ngStyle]=""语法。

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

来源

2017-08-03 13:03:14

删除'background-color'之前的尾部空格，并且您的解决方案应该可以工作。 – Faisal

谢谢@Faisal。更新了我的答案。 –

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

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

来源

2017-08-03 14:10:52 Nour

角度组件的条件样式

回答

相关问题