将 style 属性转换为 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')
}"