Угловая директива Функция вызова из собственного объема

Question

Я строю директиву Angular, которая отображает список элементов. Список элементов предоставляется функцией из собственной директивы scope. Ниже приведена базовая версия того, что я делаю (listOpts должен быть fn и не является статическими данными). Когда шаблон скомпилирован, listOpts не оценивается, поэтому шаблон возвращает пустой ul. Когда я помещаю listOpts fn в родительский controller, он оценивает его. Но я не хочу помещать функцию listOpts в контроллер из-за SRP (принцип единой ответственности); функция listOptsотносится к директиве list, а не к controller. Должно быть, я неправильно понимаю, как работают директивы или когда скомпилирован шаблон? Должен ли я помещать listOpts fn в controller fn с директивой?

@app.directive "list",() -> 
    restrict: "E" 
    link: (scope, el, attrs, ctrl) -> 
    scope.listOpts =()-> 
     return [1,2,3] 

    template: " 
    <ul ng-repeat='item in listOpts()'> 
     <li>{{item}}</li> 
    <ul> 
    " 

Answer 1

Пример кода при условии, кажется, работает как:

http://plnkr.co/edit/r589eFGZm8MOTk94GJtk?p=preview

просто модифицирована, чтобы использовать обычный JS, что вопрос здесь точно, вы можете воспроизвести проблему в plnkr.

.directive("list", function() { 
    return { 
    restrict: "E", 
    link: function(scope, el, attrs, ctrl){ scope.listOpts = function(){return [1,2,3];}}, 
    template: "<ul ng-repeat='item in listOpts()'><li>{{item}}</li><ul>" 
    } 
})