gpt4 book ai didi

javascript - angularJS 显示空白页面没有错误 - Controller 问题

转载 作者:行者123 更新时间:2023-11-29 10:37:31 24 4
gpt4 key购买 nike

我正在尝试将 ngAnimate 指令写入我的 Controller 。我将我的应用程序加载到一个单独的文件中,并像这样配置路由:

angular

.module('CurriculumApp', ['ui.router', 'ngAnimate'])

.config(function($stateProvider, $urlRouterProvider) {
//catchall route points to landing
$urlRouterProvider.otherwise("/landing")
//app routes
$stateProvider
//landing page
.state('landing', {
url: '/landing',
templateUrl: '/../views/landing.html'
})
//skills page
.state('skills', {
url: '/skills',
templateUrl: '/../views/skills.html'
})
//portfolio page
.state('portfolio', {
url: '/portfolio',
templateUrl: '/../views/portfolio.html',
controller: 'portfolioController'
});
});

现在,如果我在没有依赖项的情况下初始化我的 Controller (这是一个单独的 .js 文件):

angular
.module('CurriculumApp')
//portfolio controller
.controller('portfolioController', function($scope) {

.animation ('.img-thumbnail', function() {
return {
move: function(element, done) {
$(element).toggle("bounce", { times : 3 }, "slow");
}
}
}); //closes .animation
})// closes controller

我收到以下错误:

Error: (intermediate value).animation is not a function

但是当我尝试像主应用程序一样初始化它时:

  .module('CurriculumApp', ['ui.router', 'ngAnimate'])

我只是得到一个空白页面,没有加载模板,也没有任何错误消息。

我正在尝试遵循 this 的 Javascript 动画部分教程。

感谢任何见解/帮助。

最佳答案

如果您正在尝试向您的模块添加动画,那么我相信您希望您的代码看起来像这样:

angular.module('CurriculumApp')
//portfolio controller
.controller('portfolioController', function($scope) {
// Controller stuff goes here
})// closes controller
.animation ('.img-thumbnail', function() {
return {
move: function(element, done) {
$(element).toggle("bounce", { times : 3 }, "slow");
}
}
}); //closes .animation

关于javascript - angularJS 显示空白页面没有错误 - Controller 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34338899/

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