Was ist der beste Weg, die Funktionalität der angularjs-Direktive zu erweitern?

Question

Ich habe eine Direktive, um eine Liste von Elementen zu erstellen, um Seitenumbruch und Filter zu steuern, ich benutze es in mehreren Punkten meiner Anwendung.

Ich möchte wissen, was der beste Weg ist, der Richtlinie benutzerdefinierte Methoden hinzuzufügen.

Beispiel:

angular.module('example').directive('list', function() { 
    return { 
     scope: { 
      elements: '=ngModel', 
      filters: '=?' 
     }, 
     restrict: 'E', 
     transclude: true, 
     templateUrl: '/static/templates/list.html', 
     controller: function() { 
      // Some stuff of pagination and filters functions 
     } 
    } 
} 

Meine Richtlinie Vorlage wie folgt aussieht:

<div class="list"> 
    <!-- Pagination stuff --> 

    <div ng-transclude></div> 

    <!-- Pagination stuff --> 
</div> 

Und ich verwende die Richtlinie wie folgt aus:

<list elements="elements"> 
    <div ng-controller="CustomMethodsController"> 
     <div class="col-xs-6"> 
      {{result.element_1}} 
     </div> 
     <div class="col-xs-6"> 
      {{result.element_2}} 
     </div> 
    </div> 
</list> 

Ich weiß nicht, ob ein Controller erstellen innerhalb einer Richtlinie ist eine gute Praxis oder es gibt einen besseren Weg, dies zu erreichen.

Vielen Dank im Voraus.

Answer 1

Sie haben angegeben, bereits ein Controller in der Richtlinie, dass die Verwendung destination.You benötigen:

 scope: { 
     elements: '=ngModel', 
     filters: '=?' 
    }, 
    restrict: 'E', 
    transclude: true, 
    templateUrl: '/static/templates/list.html', 
    **controller: function() { 
     // Some stuff of pagination and filters functions 
    }** 

Aber ja Sie können Controller innerhalb directives.Although seine besseren geben, wenn Sie tun, dass Sie Richtlinien verschachtelt haben können .

Answer 2

Wenn Sie etwas über mehrere Controller gemeinsam nutzen möchten, können Sie einen Service erstellen und ihn in die Controller injizieren, die ihn verwenden.