角度顯示TypeError：無法讀取未定義的屬性'狀態'

Question

我想通過添加路由到我的Rails應用程序中使用角度取代ajax的特定頁面來學習路由。下面是我得到的控制檯錯誤。

Uncaught Error: [$injector:modulerr] Failed to instantiate module testApp due to: 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) { 
... 
}):