如果条件匹配，如何在角度2中设置ngStyle

Question

我需要根据值是否为真来设置样式。 我需要这样的东西：

 <div class="container" [ngStyle]="{ is_root_node: 'box-shadow: none;'}">
     <div class="toolbar-container"></div>
 <div/>

但我无法在documentation for NgStyle

中找到它

Answer 1

因此，您希望在box-shadow为'none'时将is_root_node样式设置为true，否则不要设置它？

选项：

Direct binding:
<div class="container" [style.box-shadow]="is_root_node && 'none'">

<div class="container" [style.box-shadow]="is_root_node ? 'none' : null">

Through NgStyle:
<div class="container" [ngStyle]="{'box-shadow': is_root_node && 'none'}">

<div class="container" [ngStyle]="{'box-shadow': is_root_node ? 'none' : null}">

Answer 2

试试这个：

<div [ngStyle]="{'box-shadow': 'is_root_node? none : 10px 10px 5px #888888'}"></div>