Cách mở rộng bộ điều khiển bootstrap ui

Question

Tôi đã bao gồm mô-đun bootstrap ui trong dự án góc của tôi và bây giờ tôi muốn mở rộng ví dụ bộ điều khiển datepicker 'UibDatepickerController' trong 'ui-bootstrap-tpls.js' với các chức năng khác.

OK, tôi có thể chỉnh sửa tệp bootstrap ui, nhưng đó không phải là những gì tôi muốn.

Tôi muốn một tệp được mô-đun hóa (có thể là chỉ thị riêng) để không có vấn đề gì lớn khi cập nhật ui bootstrap đang đến.

Điều đó có khả thi không? Thực hành tốt nhất là gì?

Answer 1

Bạn có thể thử tiêm $controller và kéo dài như thế này:

app.directive('myUiDirective', function ($controller) { 
    return { 
     link: function (scope, iElem, iAttr) { 
      angular.extend(this, $controller('UibDatepickerController', {$scope: scope})); 

    } 
}); 

Tuy nhiên tôi không chắc chắn nếu bạn sẽ có thể để có được điều khiển từ mô-đun khác nhau (trong trường hợp này, từ ui.bootstrap).