Question

我需要根据范围值计算with。我一直在尝试这样的事情：

    <div class="scene" ng-style="{ 'width': '(illustrationStyles.Width /5000) * 100' % }">

但我无法让它发挥作用。我也找不到任何好的例子。

是否可以用ng-style进行计算？

Answer 1

尝试在控制器中进行计算

var calValue =（（illustrationStyles.Width / 5000）* 100）+％

Answer 2

删除额外的单引号，并在结尾添加百分比：

<div class="scene" ng-style="{ 'width': ((illustrationStyles.Width /5000) * 100) + '%' }">

Answer 3

您的值必须介于引号之间。

＆＃13;

function ClickToEditCtrl($scope) {
  $scope.title = "Style with calc";
  $scope.illustrationStyles = {
    Width : 4000
  };
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="ClickToEditCtrl">
    <div ng-style="{'width': (illustrationStyles.Width /5000) * 100 + '%', 'background-color': 'red'}">
      {{ title }}
    </div>
  </div>
</div>

＆＃13;

Answer 4

您应该删除单引号并最后添加percern符号。

替换

<div class="scene" ng-style="{ 'width': '(illustrationStyles.Width /5000) * 100' % }">`

使用

<div class="scene" ng-style="{ 'width': (illustrationStyles.Width /5000) * 100 + '%' }">

我希望这会奏效。
感谢...

angularjs ng-style，在html标签

4 个答案: