/ / md-circular-progress не анімує - angularjs, анімація, кутовий-матеріал

md-circular-progress не анімує - angularjs, анімація, кутовий-матеріал

Я використовую кутовий дизайн матеріалу круговий прогрес, але це не анімація

Декларація кутового модуля

var app = angular.module("abc", ["ngRoute", "ngProgress", "ngAnimate", "ngAria", "ngMaterial"]);

використання md кругового прогресу

<md-progress-circular md-mode="indeterminate"></md-progress-circular>

але це не анімація, я також включив усі файли у свій html і використовую v 1.3.0

коли я перевірив елемент, який я його виявив

animation: sporadic-rotate 5.25s cubic-bezier(.35,0,.25,1) infinite;

не застосовується до md-internal element.

Ви можете сказати мені, що тут не так.

кутовий матеріал дизайн версії 0.10.0

Відповіді:

2 для відповіді № 1

У мене була така сама помилка, і це було викликано невідповідністю версії між Angular Material CSS та файлом JS Angular Material.

Приклад (BAD):

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.4/angular-material.min.css">
<script data-require="angular-material@0.11.4" data-semver="0.11.4" src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.4/angular-material.min.js"></script>

Зверніть увагу, що версії відрізняються від необхідних рядків. Я забув оновити JS, коли я оновив CSS вимагати.

Виправлено:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>

Зверніть увагу на відповідні версії.

Довідник для встановлення кутового матеріалу https://material.angularjs.org/latest/getting-started