Question

我在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'}}; }"

Answer 1

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

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

将样式属性转换为ng样式

1 个答案: