AngularJSを使用してHTMLページのスタイルに値を追加する方法

Question

スコープ変数から値を取得していますが、この値に20pxを追加してhtmlで表示したいとします。

<div id="container"> 
    <div id="kv_load" style="display:none" > </div> 
     <img class="mark" src="img/favicon.ico" id="test" ng-style="{'position': 'absolute','top': x + '300px'}"> 
    </div> 
</div> 

値xが私のコントローラから来て、私はそれが上から要素600PXを表示するようにしようとすると、それは300の値を持っていますが、値が追加され、300300pxで表示されません：以下のコードです。両方の値を連結しています。

この問題を解決する方法を教えてください。

Answer 1

あなたがこの試すことができます：

<div id="container"> 
    <div id="kv_load" style="display:none" > 
     <img class="mark" src="img/favicon.ico" id="test" 
      ng-style="{'position': 'absolute','top': (x + 300) + 'px'}"> 
    </div> 
</div>