지시문 안에 각도 함수를 호출하는 중

Question

죄송합니다. 이전에이 질문을했으나 문제점이 조금 다르고 누군가 나를 도울 수 있기를 바랍니다.

1) 많은 버튼이있는 지시문이 있습니다. 이 버튼과 지시문에서 함수를 호출하고 싶습니다. 하지만 어떻게해야할지 모르겠다.

// Directive for the login header to avoid the duplication of the code 
angular.module('App').directive('mainHeader',function(){ 
    return{ 
     restrict: 'AE', 
     template:'<h1 class="logo"> My App </h1>'+ 
     '<button class="btn btn-primary">New User</button>'+ 
     '<button class="btn btn-primary">New Product</button>'+ 

      '<span class="dropdown" on-toggle="toggled(open)">'+ 
       '<a href class="dropdown-toggle">'+ 
       '<img class="userProfile" src="" alt="User Profile">'+ 
       '<b class="caret"></b>'+ 
       '</a>'+ 
        // Here on my profile ???? 
       '<ul class="dropdown-menu pull-right">'+ 
        '<li> My Profile </a> </li>'+ 
        '<li class="divider"></li>'+ 
         // Here on my logout ?????? 
         // This does not work 
        '<li> <a href="" ng-click="logOut()"> Sign Out </li>'+ 
       '</ul>'+ 
      '</span>' 
    } 
}); 

내 컨트롤러

(function() { 
    var logOutController = function($scope){ 
     $scope.logOut = function(){ 
      // Want to call this 
     } 
    logOutController .$inject = ['$scope']; 
    angular.module('App').controller('logOutController ',logOutController); 
}()); 

그리고 내보기 내가이

업데이트 작업을 수행하는 방법을 모르는

<div main-header></div> 

한 줄 것 1 : -

P를보십시오. 멍청한 사람 http://plnkr.co/edit/YONVyVvNm4pQGFMU6SkG?p=preview.

Answer 1

당신은 당신의 지시에 분리 범위를 추가해야합니다 다음 일이

<div main-header on-log-out="logOut()"></div> 

Plunker Example