添加ngAnimate依賴於模塊

我已經鏈接腳本到我的HTML文件的angularjs，消毒和動畫：添加ngAnimate依賴於模塊

<script type="text/javascript" src="js/angular.min.js"></script> 
<script type="text/javascript" src="js/angular-sanitize.min.js"></script> 
<script type="text/javascript" src="js/angular-animate.min.js"></script> 
<script type="text/javascript" src="js/app.js"></script>

，當我加入ngAnimate作爲一個依賴於我的模塊就像這樣：

var nameSpace = angular.module("OscarApp", ["ngSanitize","ngAnimate"]);

我所有的我的表達式中的變量都顯示爲它不是什麼對變量初始化，就像這樣：

{{item.award_title}}

什麼似乎是問題？我只想遵循本教程（https://www.youtube.com/watch?v=Bcv46xKJH98）。

來源

2014-09-30 chitcharonko

你檢查錯誤的瀏覽器控制檯？ – 2014-09-30 04:13:39

沒有錯誤。 – chitcharonko 2014-09-30 05:04:13

工作對我來說... 其打印2到屏幕

的index.html

<!DOCTYPE html> 
<html ng-app="OscarApp"> 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <script type="text/javascript" src="angular.min.js"></script> 
    <script type="text/javascript" src="angular-sanitize.min.js"></script> 
    <script type="text/javascript" src="angular-animate.min.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
</head> 
<body> 
    {{1+1}} 
</body> 
</html>

app.js

var nameSpace = angular.module('OscarApp', ['ngSanitize','ngAnimate']);

角版本1.3.0 rc.3 （最新從angularjs.org下載）

來源

2014-09-30 05:41:38

你是對的我的angularjs的版本與我的angular-animate.thanks不兼容。 – chitcharonko 2014-09-30 08:02:54

這段代碼顯示單元沒有問題。也許你在其他地方有問題。

var nameSpace = angular.module('OscarApp', ['ngSanitize','ngAnimate']); 
 

 
nameSpace.controller('OscarCtrl',['$scope',function($scope) { 
 
    $scope.item={ 'award_title' : 'The Lord of The Rings' }; 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-sanitize.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular-animate.min.js"></script> 
 
<div ng-app="OscarApp" ng-controller="OscarCtrl"> 
 
{{item.award_title}} 
 
</div>

來源

2014-09-30 05:52:36

添加ngAnimate依賴於模塊

回答

相關問題