не в состоянии получить = Местное значение области внутри директивы

<html> 
<head> 
<title> 
</title> 
<script src="../../angular.min.js"></script> 
<script type="text/javascript"> 
    myApp = angular.module('myApp', []); 

    myApp.controller("empController", function($scope){ 
     $scope.ename = {nm : "Harry"}; 
     $scope.changeName = function(){$scope.ename.nm = "Ron";}; 
    }); 
    myApp.directive("empDirective", function(){ 
     return { 
      scope : {employeeName : "=myEmpName", nameChange : "&click"}, 
      template : 'Employee Name is {{employeeName.nm}}. <button ng-click="nameChange()">Change Name</button>' 
     }; 
    }); 

</script> 
</head> 

<body ng-app="myApp"> 

    <div ng-controller="empController"> 
     <div emp-directive myEmpName="ename" click="changeName()" > </div> 
     {{ename.nm}} 
    </div> 

</body>

Когда я бегу выше код я не получаю значение employeeName.nm внутри директивы. Не уверен, что мне не хватает. Я новичок в AngularJS

источник

2015-11-07 Subrata Nath