Angularjs 将样式属性转换为ng样式
我在angularjs应用程序中使用了以下样式,运行良好。 这可以被ng样式所取代,还是像我现在这样坚持样式属性更好Angularjs 将样式属性转换为ng样式,angularjs,ng-style,Angularjs,Ng Style,我在angularjs应用程序中使用了以下样式,运行良好。 这可以被ng样式所取代,还是像我现在这样坚持样式属性更好 style="border-bottom:solid {{command.name == 'Delete' ? '1px':'0px'}} lightgray; padding-bottom:{{command.name == 'Delete' ? '10px':'0px'}}; 我尝试过的ng风格的代码,但不起作用 ng-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'}}; }"
这是因为它需要一个对象,不需要在其中执行{{}}:
ng-style="{
borderBottom: 'solid ' + (command.name == 'Delete' ? '1px':'0px') + ' lightgray',
paddingBottom: (command.name == 'Delete' ? '10px':'0px')
}"
这是因为它需要一个对象,不需要在其中执行{{}}:
ng-style="{
borderBottom: 'solid ' + (command.name == 'Delete' ? '1px':'0px') + ' lightgray',
paddingBottom: (command.name == 'Delete' ? '10px':'0px')
}"
我试过你的代码,但没用。错误:[$parse:syntax]语法错误:标记“;”是意外的,在表达式的第147列处应为[}]如果我对代码做了以下两个更改,那么它就成功了:在paddingBottom之后为表达式使用括号,删除最后一个分号,我忘记删除“;”。我修正了你需要输入命令的答案。name=='Delete'?'10px':'0px'在括号中,否则它仍然给出一个错误。它不应该。。。但如果你这么说的话。我尝试了你的代码,但没有成功。错误:[$parse:syntax]语法错误:标记“;”是意外的,在表达式的第147列处应为[}]如果我对代码做了以下两个更改,那么它就成功了:在paddingBottom之后为表达式使用括号,删除最后一个分号,我忘记删除“;”。我修正了你需要输入命令的答案。name=='Delete'?'10px':'0px'在括号中,否则它仍然给出一个错误。它不应该。。。但如果你这么说的话。编辑后也包括了这一点。