ダイナミックなスタイル - 角度

Question

Basivally私はgetNumPadStyleこれは私にエラー

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

を与えている

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

を、私は、ダイナミックなスタイルを入れているのdiv、

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

My機能を持つことになりますしています

要素を検査するとき、正確な数値は反映されません

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

コードにエラーがほとんどありません。

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

JS：

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