variable n'est pas transmise à la portée de la directive?

Question

Je suis en train de transmettre mon adresse à une directive appelée gmaps:

restrict: 'EA', 
    template: '<div class="gmaps"></div>', 
    replace: true, 
    scope: { 
     address: '=address' 
    }, 

l'adresse est définie dans le contrôleur:

app.controller('MapCtrl', function($scope) { 

    $scope.streetNumber = "12"; 
    $scope.streetName = "sussex street"; 
    $scope.city = "sydney"; 
    $scope.country = "australia"; 

    $scope.address = $scope.streetNumber + "," + $scope.streetName + "," + $scope.city + "," + $scope.country; 

    console.log($scope.address); 


}); 

Lorsque je tente de vérifier l'adresse est indéfini:

link: function postLink(scope, iElement, iAttrs) { 
     console.log('address', scope.address); 

L'adresse plunkr est: http://plnkr.co/edit/CNSgfgTem0VH2RTgVPjn

Answer 1

Supprimer cette partie:

scope: { 
    address: '=address' 
} 

Voir la updated plunker (il est en train de faire ce que vous avez l'intention).

Je pense que chaque fois que vous faites address: '=address', il utilise le isoler la portée (voir les docs AngularJS pour directives et 'étendue isolat' Ctrl + F).

Vous pouvez tester cela en indiquant console.log($scope) dans le contrôleur et console.log(scope) dans la directive. Vous verrez que vos ID scope sont tous les deux différents (003 et 004), ce qui indique qu'ils font référence à deux portées différentes. Chaque fois que vous supprimez address: '=address', vous pouvez à nouveau utiliser la portée console.log dans la directive et le contrôleur, et vous verrez que les deux ID sont maintenant 003, ce qui signifie qu'ils font maintenant référence à la même portée.