Giảm thiểu góc với bộ điều khiển chỉ thị?

Question

Nếu tôi có như sau:

myapp.directive('directivename', ... 

    return { 
     ... 
     restrict: 'E', 
     controller: MyController, 
     ... 
    } 

    function MyController($scope, $somethingelse) { 
     // Contents of controller here 
    } 
); 

Làm thế nào để tôi sửa đổi này như vậy mà MyController sẽ không bị phá hủy khi minified? Tôi nhận được lỗi sau:

Error: [$injector:unpr] Unknown provider: eProvider <- e

Answer 1

Nó có thể được giải quyết bằng cách sử dụng chú thích phụ thuộc rõ ràng. Những gì bạn có nó chú thích tiềm ẩn gây ra các vấn đề trong khi giảm thiểu. Bạn cũng có thể sử dụng chú thích $inject hoặc mảng nội tuyến để chú thích các phụ thuộc trong chỉ thị.

MyController.$inject = ['$scope', '$somethingelse']; 

function MyController($scope, $somethingelse) { 
    // Contents of controller here 
} 

Hoặc trong chỉ thị:

return { 
    ... 
    restrict: 'E', 
    controller: ['$scope', '$somethingelse', MyController], 
    ... 
} 

Hoặc đăng ký điều khiển của bạn sử dụng cú pháp .controller

app.controller('MyController', ['$scope', '$somethingelse', MyController]); 

và thiết lập tên điều khiển trong các chỉ thị thay vì các nhà xây dựng.

return { 
    ... 
    restrict: 'E', 
    controller: 'MyController', 
    ... 
} 

Bạn cũng có thể có một cái nhìn tại ng-annotate mà bạn không cần phải sử dụng chú thích rõ ràng.

Answer 2

Thông thường, các phương pháp sau đây được sử dụng:

myapp.controller('MyController', ['$scope', '$somethingelse', function($scope, $somethingelse) { 
    ... 
}]); 

để tránh vấn đề như vậy.