将样式属性转换为ng样式

时间:2015-04-27 16:36:18

标签: angularjs ng-style

我在angularjs应用程序中有以下样式,它工作正常。 这可以用ng-style代替,还是更好地坚持我现在拥有的style属性?

style="border-bottom:solid {{command.name == 'Delete' ? '1px':'0px'}} lightgray;
                      padding-bottom:{{command.name == 'Delete' ? '10px':'0px'}};

我尝试过但却没有用的ng风格的代码。

ng-style="{border-bottom:solid {{command.name == 'Delete' ? '1px':'0px'}} lightgray;
                   padding-bottom:{{command.name == 'Delete' ? '10px':'0px'}}; }"

1 个答案:

答案 0 :(得分:3)

那是因为它需要一个对象,不需要在那里{{}}:

ng-style="{
    borderBottom: 'solid ' + (command.name == 'Delete' ? '1px':'0px') + ' lightgray',
    paddingBottom: (command.name == 'Delete' ? '10px':'0px')
}"