2014-09-30 3 views
0

я уже связан сценарий моего 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).

+0

Вы проверяли консоль браузера на наличие ошибок? –

+0

ошибок не было. – chitcharonko

ответ

1

работает для меня ... Это печатает 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)

+0

Вы правы, версия моего angularjs несовместима с моим угловым анимационным. Кстати. – chitcharonko

1

Этот фрагмент показывает, что с устройством нет проблем. Возможно, у вас есть проблема в другом месте.

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>

Смежные вопросы