在模块上添加ngAnimate依赖项

Add ngAnimate Dependency on module

本文关键字：依赖 ngAnimate 添加 模块      更新时间：2023-09-26

我已经将脚本链接到angularjs的html文件，对其进行消毒和动画处理：

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

适合我。。。这将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']);

Angular版本1.3.0-rc.3（最新下载自angularjs.org）

这个片段表明该单元没有问题。也许你在其他地方有问题。

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>

相关文章：