Warum kann $ scope nicht hinzugefügt werden?

Question

In der Direktive, warum wir $ Scope nicht als Präfix hinzufügen in customer.name kann funktionieren? Ich ändere zu $scope.customer.name, kann es nicht funktionieren? Warum? Es wird angenommen, $ scope zu haben, richtig? Link (https://plnkr.co/edit/e4N2u1iuXbp7IESxNd1T?p=preview)

angular.module('docsSimpleDirective', []) 
.controller('Controller', ['$scope', function($scope) { 
    $scope.customer = { 
    name: 'Naomi', 
    address: '1600 Amphitheatre' 
    }; 
}]) 
.directive('myCustomer', function() { 
    return { 
    template: 'Name: {{customer.name}} Address: {{customer.address}}' 
    }; 
}); 

Answer 1

Was auch immer Sie zu template zuweisen entspricht einer HTML-Seite mit dem Körper hält den Inhalt zugewiesen hat. Verwechseln Sie es nicht mit dem Code innerhalb des eckigen js-Controllers. Es ist eher eine HTML-Antwort in Form eines Strings, und wir verwenden $scope nicht innerhalb eines HTML-Dokuments.