Почему нельзя добавлять $ scope?

Question

В директиве, почему мы не добавляем $ scope, поскольку префикс в customer.name может работать? Я перехожу на $scope.customer.name, он не может работать? Зачем? Предположим, у вас есть $ scope, правильно? Ссылка (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

Что бы вы назначили template эквивалентна HTML страницы тела держит содержание присвоенным. Не путайте его с кодом внутри углового контроллера js. Это скорее ответ HTML в виде строки, и мы не используем $scope внутри HTML-документа.