2015-11-07 68 views
0
<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

回答

2

在模板的新,改

myEmpName 

my-emp-name 

角需要连字符模板分离属性,并将它们转换通过一个称为规范化的过程骆驼案件本身。

+0

不,问题!另外,如果你发现它是正确的,你能接受答案吗? :) –