ngstyle没有完全应用

Question

我正在使用以下代码创建动态样式

    $scope.styles = [];
    for (var i = 0; i <= 16; ++i) {
      $scope.styles.push([
        {
          background: 'url(images/' + i + '.jpg);',
          'background-size': '100% 100%;',
          transition: 'all 1000ms linear 1000ms;',
          'z-index': 20
        },
        {
          background: 'url(images/' + (i * 2) + '.jpg);',
          'background-size': '100% 100%;',
          transition: 'all 1000ms linear 1000ms;',
          'z-index': 10
        }
      ]);
    }

HTML部分，

  <div ng-repeat="i in range(16)" class="album">
    <a ng-style="styles[i][0]"></a>
    <a ng-style="styles[i][1]"></a>
    <!-- <a class="type1"></a> -->
  </div>

但是，在chrome中只应用了z-index部分，我真的不知道为什么，

有人请看一下吗？

Answer 1

问题已解决。这真的很棘手！

您不能在样式中加分号，例如background: 'url(images/' + (i * 2) + '.jpg);',应为background: 'url(images/' + (i * 2) + '.jpg)'而不是

否则，角度会“忽略”它。不确定它是设计还是错误。