The problem There is a common misconception that I see when I am doing Angular support. My goal here is to address it. Let’s imagine I have this simple controller and directive: app.controller('MainCtrl', function($scope) { $scope.person = { name: 'John Doe', profession: 'Fake name' }; $scope.header = 'Person'; }); app.directive('person', function() { return { restrict: 'EA', scope: { header: '='