如何使用 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>

如何使用 AngularJS 在我的 html 页面的样式中添加值

How to add a value in the style in my html page using AngularJS

html

javascript

css

angularjs

angularjs-ng-style