Question

我正在使用角度材质设计循环进度，但它不是动画

Angular模块声明

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-inner元素。

你能告诉我这里有什么问题。

角材料设计版本0.10.0

Answer 1

我有同样的错误，它是由Angular Material CSS和Angular Material JS文件之间的版本不匹配引起的。

示例（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>

请注意，需求行上的版本不同。当我更新CSS需要时，我忘了更新JS。

修正：

<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

md-circular-progress不是动画

1 个答案: