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

【问题标题】：How to add a value in the style in my html page using AngularJS如何使用AngularJS在我的html页面的样式中添加一个值
【发布时间】：2016-12-01 19:17:39
【问题描述】：

我从范围变量中获取值，我想将 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 像素。它连接两个值。

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

【问题讨论】：

目前你把它像 ng-style="{'position': 'absolute','top': x + '300px'} 所以它需要 x 并附加 300px 到它，它不会加上300和x，所以把加法操作分开，然后用字符串'px'附加它就可以了

标签： javascript html css angularjs angularjs-ng-style

【解决方案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>

【讨论】：