Angular配置Router(路由)提示Controller NaNunction/undefined错误
来源:互联网 发布:洪恩软件开天辟地 编辑:程序博客网 时间:2024/06/07 11:27
在配置Angular 路由的时候,和以往一样使用如下配置:
- router.js
var adminApp = angular.module('adminApp', ['oc.lazyLoad', 'ui.router']);angular.element(document).ready(function () { angular.bootstrap(document, ['adminApp']);});adminApp.run(function ($rootScope, $state, $stateParams) { $rootScope.$state = $state; $rootScope.$stateParams = $stateParams;});adminApp.config(function ($stateProvider, $urlRouterProvider) { $urlRouterProvider.when("", "dashboard/accountManagement"); $urlRouterProvider.otherwise("dashboard/accountManagement"); $stateProvider .state('dashboard', { url: '/dashboard', templateUrl: 'dashboard/dashboard.html', controller: 'dashboardController', resolve: { deps: ['$ocLazyLoad', function ($ocLazyLoad) { return $ocLazyLoad.load(['dashboard/dashboard.js']); }] } });});
- dashboardController.js
angular.module("adminApp").controller('dashboardController', function ($scope) { console.log("dashboardController");});
但是提示错误:
angular.min.js:118 Error: [ng:areq] http://errors.angularjs.org/1.5.8/ng/areq?p0=dashboardController&p1=not%20aNaNunction%2C%20got%20undefined at http://localhost:63342/static/plugin/angular-1.5.8/angular.min.js:6:412 at sb (http://localhost:63342/static/plugin/angular-1.5.8/angular.min.js:23:18) at Pa (http://localhost:63342/static/plugin/angular-1.5.8/angular.min.js:23:105) at http://localhost:63342/static/plugin/angular-1.5.8/angular.min.js:89:310 at Object.<anonymous> (http://localhost:63342/static/plugin/angular-1.5.8/angular-ui-router.js:3971:42) at http://localhost:63342/static/plugin/angular-1.5.8/angular.min.js:16:71 at la (http://localhost:63342/static/plugin/angular-1.5.8/angular.min.js:81:90) at p (http://localhost:63342/static/plugin/angular-1.5.8/angular.min.js:66:341) at g (http://localhost:63342/static/plugin/angular-1.5.8/angular.min.js:58:481) at http://localhost:63342/static/plugin/angular-1.5.8/angular.min.js:58:119
原因是因为直接写controller无法识别,所有需要使用register来注册该controller
- router.js
var adminApp = angular.module('adminApp', ['oc.lazyLoad', 'ui.router']);angular.element(document).ready(function () { angular.bootstrap(document, ['adminApp']);});adminApp.run(function ($rootScope, $state, $stateParams) { $rootScope.$state = $state; $rootScope.$stateParams = $stateParams;});adminApp.config(function ($stateProvider, $urlRouterProvider, $controllerProvider) { //以下是新加入的 adminApp.controllerProvider = $controllerProvider; $urlRouterProvider.when("", "dashboard/accountManagement"); $urlRouterProvider.otherwise("dashboard/accountManagement"); $stateProvider .state('dashboard', { url: '/dashboard', templateUrl: 'dashboard/dashboard.html', controller: 'dashboardController', resolve: { deps: ['$ocLazyLoad', function ($ocLazyLoad) { return $ocLazyLoad.load(['dashboard/dashboard.js']); }] } });});
- dashboardController.js
angular.module("adminApp").controllerProvider.register('dashboardController', function ($scope) { console.log("dashboardController");});
阅读全文
0 0
- Angular配置Router(路由)提示Controller NaNunction/undefined错误
- Angular路由:ui-router
- angular路由 ui.router
- angular-ui-router页面路由
- AngularJS Router原生路由和Angular UI Router嵌套路由
- angular controller错误
- Angular(三)路由ui-router
- angular ui.router 路由传参数
- Angular路由(Router)的使用
- angular 路由,ui-router,ocLazyLoad的使用
- Angular中嵌套路由ui-router
- Angular的第三方路由:ui-router
- angular中的路由 ng-router vs ui.router
- angular中的路由 ng-router vs ui.router
- angular config路由配置
- Angular 路由配置详解
- Angular JS路由插件ui.router源码解析
- angular router ui 路由模块(父子)层级说明
- 我的C++课程设计
- The 3n + 1 problem UVA
- scp命令在两服务器间传输文件
- codeforces 632A Grandma Laura and Apples 模拟
- 出现java.sql.SQLException: No suitable driver的几种解决办法
- Angular配置Router(路由)提示Controller NaNunction/undefined错误
- 超好用的一个JQUERY分页器-jpaginate
- Spring 注入不同作用域对象
- 用集合实现学生管理系统-2
- JVM内存区域划分 (粗略认识介绍)
- synchronized关键字与对象锁
- 另类的Linq To Sql——CoolEntity 之 横空出世
- codeforces 628C Bear and String Distance 水
- C语言入门