Question

在Angular 2中，我在TABLE TD中绑定了这样的美元值。

<td>
  {{eachOutlet.dollarValue}}
</td>

此dollarValue将小于0或等于0或大于0。当它小于零时，它应显示在＆＃34;红色＆＃34;颜色。当它为零时，什么都不应该出现。只是空白文本。当它大于零时，它应该使用千位分隔符并显示数字。

如何使用Angular 2绑定应用此类条件样式？它甚至可以做到吗？

Answer 1

myusername

您还可以创建一个执行样式的指令（UPDATE Table1 AS tbl1 INNER JOIN Table2 AS tbl2 ON tbl1.dob = tbl2.dob AND tbl1.fname = tbl2.fname AND tbl1.lname = tbl2.lname LEFT JOIN Table2 AS tbl3 ON tbl3.dob = tbl2.dob AND tbl3.fname = tbl2.fname AND tbl3.lname = tbl2.lname AND tbl3.usermasterid <> tbl2.usermasterid SET tbl1.usermasterid = tbl2.usermasterid WHERE LTRIM(RTRIM(tbl1.usermasterid)) = '' AND tbl3.usermasterid is null管道除外），以便更容易地重用不同的元素。

Plunker example

Answer 2

多个样式属性的另一个选项：

在模板中：

<div style="word-break: break-all;" [ngStyle]="{ 'top': getTop() +'px', 'left': getLeft() +'px' }"> </div>

在组件中：

getTop(){
    return (this.topValueShowComment> 0)? this.topValueShowComment : 0;
}

getLeft(){
    return (this.leftValueShowComment> 0)? this.leftValueShowComment : 0;
}

Answer 3

我们可以这样做。

<div class="responsive-standalone--Overlay" (click)="mobileRMenu()" [style.display]="rMenu ? 'block' :'none'"></div>

条件样式和绑定

3 个答案: