使用角度在运行时应用边距时遇到问题

Question

我有一个 li 元素，我们在其中调用方法 SiteAssetStyleForShiftedAsset，如下所示：

<li class="holder-white title-holder" data-ng-style="{{SiteAssetStyleForShiftedAsset()}}">
 ...
</li>

在我们的 javascript 控制器中，它被这样调用：

function SiteAssetStyleForShiftedAsset() {

    var isPPMJob = localStorage.getItem("IsPPMJob").toUpperCase();

    var shiftingAsset = $scope.addClassForShiftingAsset;

    if (isPPMJob == "FALSE") {

        // it is working fine here. Margin is being applied correctly. 
        return { "margin-right": "50px" };
    }
    else if (isPPMJob == "TRUE") {
        if (shiftingAsset.toUpperCase() == "TRUE")
        {
            //it is not working fine on this line. Margin is not being applied.
            return { "margin-right": "50px" };
        }
        else {
            return { "padding-right:": "15px" };
        }
    }
}

所以它在第一个 if (isPPMJob == "FALSE") 中工作正常，但在其他情况下，如果我们正在检查 shiftingAsset.toUpperCase() == "TRUE" 没有应用边距。

在所有条件下都尝试过警报，它们显示良好，但边距会导致问题。

Answer 1

我找到了解决该问题的方法。问题在于我们使用这样的 data-ng 样式的 HTML 代码

data-ng-style="{{SiteAssetStyleForShiftedAsset()}}"

我们必须像这样使用它

data-ng-style="{'margin-right': SiteAssetStyleForShiftedAsset()}"

然后在 JS 控制器中只返回边距值，即“10px”、“50px”等

函数 SiteAssetStyleForShiftedAsset() {

    var isPPMJob = localStorage.getItem("IsPPMJob").toUpperCase();

    var shiftingAsset = $scope.addClassForShiftingAsset;

    if (shiftingAsset == "false"){
                //alert("abc");
         return "10px";
                //return { "padding-right:": "15px" };
    }
    else{
        return "50px";
    }
}