javascript - 如何使用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 来自我的控制器，它的值为 300。当我尝试它应该从顶部显示元素 600 像素但没有添加该值并显示为 300300 像素。它连接两个值。

你能告诉我如何解决这个问题。

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>