Come comunicano le direttive da un controller?

Question

In questo documento: http://docs.angularjs.org/guide/directive, le direttive possono comunicare tra loro da parte dei controllori.

controller - Funzione di controllo del regolatore. Il controllore viene istanziato prima della fase di pre-collegamento ed è condiviso con altre direttive se lo richiedono per nome (vedi attributo require). Ciò consente alle direttive di comunicare tra loro e aumentare il comportamento degli altri.

Non lo capisco bene, come hanno comunicato con i controller? C'è qualche esempio o demo per questo?

Answer 1

Forse stai confondendo un controller che viene creato quando si verifica una modifica di rotta con un controller di direttiva. Quella sezione parla solo di controller di direttiva, quindi ciò che significa questa sezione è che se si hanno due direttive sullo stesso elemento HTML, possono comunicare richiedendo i rispettivi controller.

Un buon esempio è se si crea una direttiva che deve comunicare con ng-model. Dal momento che ng-model espone un controller, è possibile richiedere in questo modo:

myApp.directive('myDirective', function() { 
    return { 
     require: 'ngModel', 
     link: function($scope, elem, attrs, ngModelCtrl) { 
      // Here you can listen to different DOM events, and 
      // call ngModelCtrl when the model value needs to update 
     } 
    } 
}); 

E il codice HTML:

<input type="text" ng-model="myModel" my-directive> 

tuo direttiva può esporre un controller implementando nell'oggetto che il vostro funzione ritorna direttiva, come questo:

myApp.directive('myDirective1', function() { 
    return { 
     link: function($scope, elem, attrs) { 

     }, 
     controller: function() { 
      this.sayHello = function() { 
       alert("hello!"); 
      } 
     } 
    } 
}); 

myApp.directive('myDirective2', function() { 
    return { 
     require: 'myDirective1', 
     link: function($scope, elem, attrs, myDirective1Ctrl) { 
      myDirective1Ctrl.sayHello(); 
     } 
    } 
}); 

E il codice HTML:

<input type="text" my-directive2 my-directive1> 

È possibile anche richiedere un controller direttiva da una direttiva genitore scrivendo require: '^myParentDirective', in questo modo:

myApp.directive('myDirective1', function() { 
    return { 
     link: function($scope, elem, attrs) { 

     }, 
     controller: function() { 
      this.sayHello = function() { 
       alert("hello!"); 
      } 
     } 
    } 
}); 

myApp.directive('myDirective2', function() { 
    return { 
     require: '^myDirective1', 
     link: function($scope, elem, attrs, myDirective1Ctrl) { 
      myDirective1Ctrl.sayHello(); 
     } 
    } 
}); 

E il codice HTML:

<div my-directive1> 
    <div my-directive2></div> 
</div>