Làm cách nào để truy cập vào $ locationProvider để định cấu hình?

Question

Cách chính xác để nhận thông số cấu hình $locationProvider từ một dịch vụ/bộ điều khiển là gì? Khi thực hiện tiêm phụ thuộc đơn giản với function ($locationProvider), tôi nhận được lỗi sau:

Unknown Provider : $locationProviderProvider <- $locationProvider <- myCtrl 

Answer 1

Tôi cũng gặp lỗi này.

Bạn được phép tiêm $location vào bộ điều khiển, nhưng không phải a $locationProvider.

Thay vào đó, $locationProvider có thể được tiêm vào một phương pháp config:

var app = angular.module("myApp", []); 

app.config(function($locationProvider) { 
    $locationProvider.html5Mode(true); 
}); 

app.controller("myCtrl", function($location) { 
    $location.path("/some/path"); 
}); 

Và kể từ khi tôi làm sai lầm bổ sung này: nó không chỉ là bạn nên thêm một chút app.config, nhưng cũng nhớ để loại bỏ $locationProvider từ đối số điều khiển, hoặc bạn sẽ tiếp tục nhận được lỗi này.

Nếu tôi hiểu chính xác mọi thứ, cấu hình nhà cung cấp sẽ xảy ra trong giai đoạn cấu hình của vòng đời ứng dụng, trái ngược với pha chạy. Vì vậy, sự tách biệt này. You can read a bit more about these phases here.

Tôi nghi ngờ rằng lý do cho thông báo lỗi là khi bạn tiêm $foo vào bộ điều khiển, hãy tìm kiếm $fooProvider. Vì vậy, khi chúng tôi tiêm $locationProvider, nó đã tìm kiếm $locationProviderProvider.