2016-12-15 7 views
2

내가 내 지시어의 템플릿을 정의 어디 장소에 지침의 링크 기능 내부에 정의 된 함수를 사용하고자하는 링크 기능 내부 기능에 NG가 클릭를 호출 할 수 없습니다나는 directive..i이

app.js

angular.module('app',[]) 
 
\t .controller('appCtrl', function($scope){ 
 
\t \t $scope.name = "Vikram Prasad"; 
 
\t }) 
 

 
\t .directive('directive', function(){ 
 
\t \t return{ 
 
\t \t \t restrict:'A', 
 
\t \t \t templateUrl:'button.html', 
 
\t \t \t link:function(elems, attrs, scope){ 
 

 
\t \t \t \t scope.index=0; 
 
\t \t \t \t scope.colors = ['red','blue','green','orange','brown']; 
 
\t \t \t \t scope.color = scope.colors[scope.index]; 
 

 
\t \t \t \t scope.changeColor = function(){ 
 
\t \t \t \t \t console.log('clicked'); 
 
\t \t \t \t \t if(scope.index>scope.colors.length){ 
 
\t \t \t \t \t \t scope.index = 0; 
 
\t \t \t \t \t } 
 
\t \t \t \t \t scope.color = scope.colors[scope.index]; 
 
\t \t \t \t \t scope.index++; 
 
\t \t \t \t }; 
 
\t \t \t } 
 
\t \t } 
 
\t });

지시 템플릿

다음은 클릭에 응답하지 않는 템플릿 NG 클릭합니다. 여기서 내가 뭘 잘못하고 있니?

+0

이 있어야한다.? – Viplock

답변

2

link 함수 매개 변수, scope이 먼저 오게되었습니다. 이 지시어를 사용하는 방법을

link:function(elems, attrs, scope){ 

link:function(scope, elems, attrs){ 
+0

고마워요.이 계층 구조의 개념은 뭐죠? –

+0

@VikramPrasad 제발, 선생님을 부르지 마세요.이 계급 뒤에 * 개념이 무엇을 의미합니까? –

+0

마지막 속성으로 범위를 썼을 때 무슨 일이 벌어 졌습니까? –