Question

当我使用时

<label ng-show="vm.maulanaConducted" style="position: absolute; z-index: 1;"
   ng-style="{'top': vm.cardSelectedData.nikah_y, 'left': vm.cardSelectedData.nikah_x, 'color': vm.cardSelectedData.color_code}">Nikaha
                        Conducted by Maulana{{vm.cardSelectedData.nikah_y}}    
</label>

颜色属性设置正确但在查看开发人员工具时，顶部和左侧没有进入样式。但是当我在style属性中直接添加top和left属性时，它们工作正常。

Answer 1

顶部和左侧应具有相应的单位。尝试添加单位，例如

ng-style="{'top': vm.cardSelectedData.nikah_y + 'px', 'left': vm.cardSelectedData.nikah_x + 'px', 'color': vm.cardSelectedData.color_code}"

Answer 2

问题是来自服务器的值是需要以整数变化的字符串，这就是为什么它们不会出现的原因。谢谢你宝贵的时间。

Answer 3

你可以使用

[ngStyle]="{ 'top.px' : vm.cardSelectedData.nikah_y  , 'left.px' :  vm.cardSelectedData.nikah_x}"

在angular.js 1.5中使用ng-style的顶部和左侧？

3 个答案: