검도 그리드 열의 링크에서 함수 호출

Question

저는 AngularJS와 Kendo Grid를 함께 사용하고 있습니다. HTML (표시 할보기 포함), 컨트롤러 (보기와 모델 간 좌표), 서비스 (비즈니스 논리)의 세 파일이 있습니다. 나는 Kendo Grid와 버튼을 가지고있다. Kendo Grid 열에있는 링크를 클릭하면 표시/숨기기를 원합니다. 아래는 코드 스 니펫입니다.

HTML

<div ng-app="myApp"> 

    <div ng-controller="myCtrl"> 

     <div id="grid" kendo-grid k-options="kendoGrid"></div> 

     <input type="button" id="myButton" ng-show="showButton"/> 

    </div> 

</div> 

서비스 :

var myApp = angular.module('myApp',[]); 
    myApp.service('myService', function() { 
    this.showMe = false; 
    this.changeShow = function(){ 
     this.showMe = !this.showMe; 
    }; 
     this.getKGrid = function() {     
       var kGrid = { 
        dataSource: [{"Col1":"Val1","Col2":"Val2"}], 
        columns: [{ 
         field: "Col1", 
         title: "Col1" 
        }, 
        { 
         field: "Col2", 
         title: "Col2", 
         template: "<a href='\\#' class='link' ng-click='this.changeShow()'>#=Col2#</a>" 
        }         
       ] 
      }; 
      return kGrid; 
     }; 
}); 

컨트롤러 : 나는 검도 그리드 및 칼럼에 대한 링크를 볼 수 있어요하지만 난 수 없습니다입니다

myApp.controller('myCtrl', function ($scope, myService) { 
    $scope.kendoGrid = myService.getKGrid(); 
    $scope.showButton = myService.showMe;  
    $scope.$watch(function(){return myService.showMe;}, function (newValue, oldValue) { 
     if (newValue == oldValue) return; 
     $scope.showButton = newValue; 
    }, true); 
}); 

컨트롤러를 통해이 열을 클릭하면 표시/숨기기 버튼. 여기에서 수정해야 할 부분을 도와주십시오. 또는이를 달성하기 위해 다른 방법을 따라야합니까?

미리 감사드립니다.

Answer 1

템플릿의 this.changeShow()은 단지 문자열이며 서비스에서 정의한 실제 changeShow 함수에 연결된 것이 아닙니다.

ng-click 링크를 클릭하면 현재 $scope에 대한 this.changeShow() 표현식을 평가합니다.

당신은 그것을 확인하기 위해 컨트롤러에이를 넣을 수 있습니다 :

$scope.changeShow = function() { 
    console.log('changeShow'); 
}; 

데모 :http://plnkr.co/edit/cT6jsxbSRO9RRR6m1xgy?p=preview

당신이이 문제를 해결하기 위해 취할 수있는 여러 경로가 있습니다. 서비스에서 컨트롤러로 로직을 이동하는 것이 가장 쉽습니다.