Мгновенный пользовательский угловой контроллер

Question

Как создать экземпляр пользовательского контроллера из кода и сохранить наследование области. Другими слова, я хочу сделать что-то вроде этого:

var controller = 'myCtrl'; 
var html = '<p>{{value}}</p>'; 
var validScope= $scope.$new({ 
    value : 'Hello, custom controllers' 
}); // Or something like this to get valid scopes inheritance 
$(document.body).append(instantiate(controller, html, validScope)); 

Так что мне нужен два ответа: как создать экземпляр пользовательского контроллера и как это сделать, как угловые дела.

UPD. Я попытался сделать это следующим образом:

$compile('<div ng-controller="myCtrl">'+html+'</div>')(validScope); 

Контролер был создан. Но фиксированные значения не были привязаны.

Answer 1

Я не знаю контекста того, где вы пытаетесь использовать весь этот контроллер, но я собираюсь предположить, что вы завяли в другом контроллере, службе или директиве.

В приведенном ниже коде будет показано, как создать контроллер из службы. Пример может охватывать больше, чем нужно, но это шаблон, который будет работать.

Создайте абстрактный контроллер, который задает параметры конструктора контроллера и изолирует остальные зависимости.

module.factory('AbstractCtrl', ['dependencies...', function (dependencies...) { 
    var ctrl = function($scope) { 
      // Do controller setup. 
    }; 

    return ctrl; 
}]); 

Теперь создайте реализацию контроллера на основе абстрактного

module.controller('CtrlImpl', ['$scope', 'AbstractCtrl', function ($scope, AbstractCtrl) { 
    // Initialize the parent controller and extend it. 
    var AbstractCtrlInstance = new AbstractCtrl($scope); 
    $.extend(this, AbstractCtrlInstance); 
    // … Additional extensions to create a mixin. 
}]); 

Теперь, когда у вас есть контроллер с минимально определенного конструктора для создания экземпляра контроллера нужно просто позвонить впрыскивать $ контроллера и сделать следующее:

$controller('CtrlImpl', {$scope: $scope})); 

Answer 2

Я думаю, что лучший подход заключается в том, чтобы выставить функцию в области для получения вашего контроллера. (ngController может принимать строку или функцию) Допустим, у вас есть различные значения, которые нужны различные конструкторы ... что-то смутно, как это:

<div ng-repeat="item in items"> 
    <div ng-controller="controllerFor(item)"> 
    // whatever 
    </div> 
</div> 

Это controllerFor функция будет знать, как сделать отображение для вас. Надеемся, вы можете избежать использования $compile все вместе.