2017-02-09 85 views
0

我使用angularjs模塊ngAnimate但這一點兒也不工作,爲什麼我用angularjs.org相同的參考angularjs ngAnimate不工作

<html> 
<head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 
     <script src="https://code.angularjs.org/1.6.1/angular-animate.js"></script> 
     <link rel="style" href="css/style.css"> 
     <script src="js/app.js"></script> 

</head> 
<body ng-app="app"> 
      <div class="content" ng-controller="PrintCtrl"> 
       <h4>{{title}}</h4> 
       <p>it's sample content welcome admin in your website</p> 
      </div> 
</body> 

var app = angular.module('app', ['ngAnimate']); 

app.controller('PrintCtrl',['$scope',function($scope){ 
     $scope.title = "The title"; 
}]); 
+0

css是.content.ng-enter {0}轉換:0.5s linear all; 不透明度:0; } /*輸入動畫的整理CSS樣式*/ .content.ng-enter.ng-enter-active {opality:1; } –

+0

您是否檢查了開發者控制檯的錯誤? –

+0

在控制檯中沒有任何錯誤? –

回答

0

我注意到你的CSS標籤與rel =「style」鏈接。它應該是樣式表而不是樣式。如果你的CSS工作正常,我認爲動畫應該可以工作

+0

我改變爲樣式表與相同的問題? –

+0

我可以看看你的css文件嗎?你有沒有包含動畫CSS? –