gpt4 book ai didi

angularjs - ngAnimate 对象未设置为函数

转载 作者:行者123 更新时间:2023-12-02 03:22:24 32 4
gpt4 key购买 nike

我在使用 ngAnimate 和 ui-view 时遇到错误。加载或点击任何导航菜单; angular-animate.js 生成“对象不是函数”错误。

这里是主要的 javacsript 应用程序:

(function () {
'use strict';
var app = angular.module("pie", ['ui.router', 'uiGmapgoogle-maps', 'ui.bootstrap', 'ngAnimate']);

app.config(["$stateProvider", "$locationProvider", "$urlRouterProvider",
function ($stateProvider, $locationProvider, $urlRouterProvider) {

$locationProvider.html5Mode({ enabled: true, requireBase: false });

$urlRouterProvider.otherwise('/Welcome');
$stateProvider
.state("Welcome", {
url: "/Welcome",
templateUrl: "../Scripts/Home/WelcomeView.html",
controller: "WelcomeController"
})
.state("About", {
url: "/About",
templateUrl: "../Scripts/Home/AboutView.html",
controller: "AboutController"
})
.state("Contact", {
url: "/Contact",
templateUrl: "../Scripts/Home/ContactView.html",
controller: "ContactController"
})
.state("Login", {
url: "/Account/Login"
})
.state("Register", {
url: "/Account/Register"
})
.state("ForgotPassword", {
url: "/Account/ForgotPassword"
});
}]);

//app.animation('.view-animation', function () {
// return {
// enter: function (element, done) {
// element.css({
// opacity: 0.5,
// position: "relative",
// top: "10px",
// left: "20px"
// }).animate({
// top: 0,
// left: 0,
// opacity: 1
// }, 1000, done);
// }
// };
//});

app.config(['$httpProvider', function ($httpProvider) {
//Http Intercpetor to check auth failures for xhr requests
$httpProvider.interceptors.push('AuthHttpResponseInterceptor');
}]);

// Google map
app.config(['uiGmapGoogleMapApiProvider', function (uiGmapGoogleMapApiProvider) {
uiGmapGoogleMapApiProvider.configure({
// key: 'your api key',
v: '3.17',
libraries: 'weather,geometry,visualization'
});
}
]);

}());

令人惊讶的是动画似乎有效,但我更愿意解决错误:

这是在 Angular-anumate.js 中产生错误的地方:

function fireDoneCallbackAsync() {
fireDOMCallback('close');
if (doneCallback) {
$$asyncCallback(function () {
doneCallback();
});
}
}

我使用 vs2013 作为 IDE,所有的 javascripts 文件和库都被插入到页面底部;我尝试通过 bundle 或常规脚本注入(inject),但没有区别:

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/angularjs")
@*@Scripts.Render("~/bundles/angularAnimate")*@
<script src="~/Scripts/angular-animate.js"></script>
@Scripts.Render("~/bundle/app")

如有任何帮助,我们将不胜感激。谢谢

已编辑即使当我评论 app.animation 调用时,错误仍然存​​在(参见上面的代码)。仅仅注入(inject) ngAnimate 就会产生错误

var app = angular.module("pie", ['ui.router', 'uiGmapgoogle-maps', 'ui.bootstrap', 'ngAnimate']);

IIFE 可能是原因吗?

最佳答案

使用 ngAnimate 时要记住的一件非常重要的事情是 ngAnimate 版本必须与您正在使用的 Angular 版本相同。

也就是说,如果您使用的是 angular 的 v 1.3.4,则应该使用 angular animate 的 v 1.3.4。

由于单独包含库会给您带来错误,我希望您的版本不同步。

关于angularjs - ngAnimate 对象未设置为函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27156205/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com