动态样式-角度

Question

基本上，我有一个div，它是一个动态的样式

<div style="position:relative; left: {{et.getNumPadStyle()}}px">

我的函数getNumPadStyle将

function getNumPadStyle {
    var num = "25";
    return num;
}

这给了我一个错误

Referencing DOM nodes in Angular expressions is disallowed! Expression: et.getNumPadStyle()

当我检查这个元素时，准确的数字并没有反映

element {
    position:relative;
    left:{{et.getNumPadStyle()}}px
}

如何解决这个问题？

Answer 1

尝试使用这样的ng-style：

<div ng-style="et.getNumPadStyle()">

在角码中：

    $scope.et = {};
    $scope.et.getNumPadStyle = {
        "padding-left" : "25px"
    }

Answer 2

您的角函数必须在作用域内，并使用$scope.getNumPadStyle()调用。

    $scope.getNumPadStyle = function ()
    {
        var num = "25";
        return num;
    }

看到它在这里工作：https://jsfiddle.net/AKMorris/nq19be7h/

Answer 3

代码中很少有错误。找到下面的代码示例

Html：

<div ng-app>
  <div ng-controller="TodoCtrl">
  <div style="position:relative; left: {{getNumPadStyle()}}px">test</div>
</div>

联署材料：

function TodoCtrl($scope) {
    $scope.getNumPadStyle= function() {
    var num = "455";
    return num;
}
  };