md-circular-progress non sta animando - angularjs, animazione, angular-material

Sto usando il progresso circolare del design di materiale angolare, ma non è animato

Dichiarazione del modulo angolare

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

utilizzo del progresso circolare md

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

ma non è animato, ho anche incluso tutti i file nel mio html e usando v 1.3.0

quando ho ispezionato l'elemento l'ho trovato

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

non è applicato all'elemento md-inner.

Puoi dirmi che cosa c'è che non va qui.

versione angolare del design del materiale 0.10.0

risposte:

2 per risposta № 1

Ho avuto lo stesso errore ed è stato causato da una mancata corrispondenza della versione tra il CSS materiale angolare e il file JS del materiale angolare.

Esempio (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>

Si noti che le versioni sono diverse sulle linee di richiesta. Mi ero dimenticato di aggiornare il JS quando ho aggiornato la richiesta CSS.

Fisso:

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

Nota le versioni corrispondenti.

Riferimento per l'impostazione di materiale angolare https://material.angularjs.org/latest/getting-started

---