стиль не полностью применяется

Question

стиль не полностью применяется

0

Я использую следующий код для создания динамических стилей,

    $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>

Однако в хроме применяется только часть z-index, я действительно не знаю, почему,

Кто-нибудь, пожалуйста, взгляните?

daisy 29 нояб. 2015, в 09:56

Источник

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

daisy · Accepted Answer · 2015-11-29T06-52-00.000Z

Проблема решена. Это очень сложно!

Вы не можете иметь точку с запятой в стилях, например background: 'url(images/' + (i * 2) + '.jpg);', должен быть background: 'url(images/' + (i * 2) + '.jpg)'

В противном случае угловой просто "проигнорировал" его. Не уверен, если это по дизайну или ошибка.

Это действительно странно. Должен быть классифицирован как ошибка.
Я не думаю, что это ошибка, точка с запятой это не значение, это оператор css. Это не угловой, JQuery также не принимает точку с запятой
Действительно странно Спасибо, что поделился...