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 来 self 的 Controller ，它的值为 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>