CODEWITHSUNDEEP
javascriptangularjs
chitcharonko
chitcharonko

Reputation: 331

Add ngAnimate Dependency on module

I already linked the script to my html file for the angularjs,sanitize and animate:

<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>

and when i added the ngAnimate as a dependency to my module just like this:

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

all my variables inside my expression were displayed as it is not on what was initialized on the variable, just like this:

{{item.award_title}}

what seems to be the problem? I just want to follow this tutorial (https://www.youtube.com/watch?v=Bcv46xKJH98).

Upvotes: 0

Views: 949

Answers (2)

rnrneverdies
rnrneverdies

Reputation: 15627

This snippet shows that there is no problem with the unit. maybe you have a problem elsewhere.

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>

Upvotes: 1

Rickard Staaf
Rickard Staaf

Reputation: 2740

Works for me... This prints 2 to the screen

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']);

Angular version 1.3.0-rc.3 (latest download from angularjs.org)

Upvotes: 1

Related Questions