2015-10-07 65 views
0

我使用角材料設計圓形的進步,但它不是動畫MD-圓進展不動畫

角模塊聲明

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

回答

2

我有同樣的錯誤,它是由角材料CSS和角材料JS文件之間的版本不匹配造成的。

實施例(BAD):

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.4/angular-material.min.css"> 
<script data-require="[email protected]" 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