角度显示类型错误：无法读取未定义的属性“状态”

Question

我正在尝试通过使用将替换 ajax 的 angular 添加到我的 rails 应用程序中的特定页面的路由来学习路由。以下是控制台错误。

未捕获的错误：[$injector:modulerr] 无法实例化模块 testApp 由于：TypeError: Cannot read property 'state' of undefined

这是我定义的。

app.js

app = angular.module("testApp", ['ui.router']);

app.config([
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('mylistings', {
                url: '/mylistings',
                templateUrl: '/views/mylistings.html',
                controller: 'dashboardCtrl'
            });
    }
]);

app.controller('dashboardCtrl', function ($scope, $http, $stateParams) {
$scope.testing="testdata"
});

mylistings.html

{{testing}}

在这种情况下，http://localhost:3000/dashboard 是我要路由的 url。有人可以告诉我这里做错了什么。

Answer 1

问题在于配置函数的定义。 如果您使用数组app.config([])，这意味着您为准备缩小的依赖项编写安全代码。语法是：

app.config(['$arg1', '$arg2', function ($arg1, $arg2) {
   }]);

所以当代码被缩小时，你会得到类似的东西：

app.config(['$arg1', '$arg2',function(a,b) {}]);

在 app.js 的示例中，如果您想编写安全的代码以进行缩小（如果您不使用 ng-annotate），请将配置更改为以下代码：

app = angular.module("testApp", ['ui.router']);

app.config(['$stateProvider','$urlRouterProvider',
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('mylistings', {
                url: '/mylistings',
                templateUrl: '/views/mylistings.html',
                controller: 'dashboardCtrl'
            });
    }
]);

app.controller('dashboardCtrl', function ($scope, $http, $stateParams) {
  $scope.testing="testdata"
});

或者你可以从配置函数中删除[]：

app.config(function ($stateProvider, $urlRouterProvider) {
 ...
}):