angularjs - 将样式属性转换为 ng-style

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')
}"