從指令AngularJs觸發控制器範圍

Question

我有一個TimelineController，它在作用域上有一個publish函數，它將向服務器發送一些數據。

我的時間表是由2 directives

• 時間表（元）
• 股份後（元素）組成

我希望能夠從​​指令的publish調用功能在我的TimelineController是可能的嗎？

控制器

function TimelineController($scope,TimelineService) 
    { 
     $scope.posts = []; 

     $scope.publish = function(wall_type,wall_id,text,video,image) { 
      console.log('click controller'); 
      TimelineService.publishPost(wall_type,wall_id,text,video,image).$promise.then(function(result){ 
       $scope.posts.push(result.response); 
      }); 
     }; 
    } 

時間軸指令：

function timelineDirective() { 

     return { 
      restrict: 'E', 
      replace: true, 
      scope: { 
       type: '@', 
       ids: '@', 
       postime: '&', 
       posts: '=' 
      }, 
      templateUrl:"/js/templates/timeline/post-tmpl.html", 
      controller: function($scope,$element) { 

       this.type = $element.attr('type'); 
       this.ids = $element.attr('ids'); 
      } 
     } 
    }; 

時間軸指令模板

<ol class="timeline" ng-init="postime({wall_type:type,wall_id:ids})"> 
    <li> 
     <share-post></share-post> 
    </li> 
    <li ng-repeat="post in posts"> 
     {{post.text}} 
    </li> 
</ol> 

SharePost指令：從這個指令，我想呼籲TimelineController

function sharePost() { 

     return { 
      restrict: 'E', 
      replace: true, 
      require: "^timeline", 
      templateUrl:"/js/templates/timeline/share-tmpl.html", 
      link: function($scope,$element,$attr,ctrl) { 
       $scope.pub = function() { 

        // This does not work because it call the parent directive 
        // Instead of controller 
        $scope.publish(ctrl.type, ctrl.ids, $scope.text); 
       } 
      } 
     } 
    }; 

Sharepost指令模板

<div class="module comment"> 
    <div class="content"> 
     <textarea class="form-control" ng-model="text" placeholder="What is going on..." rows="2"></textarea> 
    </div> 

    <button type="button" class="btn" ng-click="pub()"> Share</button> 

</div> 

Answer 1

發佈更改您的指令有這樣onPublish: "@"範圍的額外項目然後在你的html中，你可以傳遞一個指向你想調用的控制器函數的指針，如下所示：

<share-post on-publish="publish"></share-post> 

從指令調用這個你要做的：

$scope.onPublish()(ctrl.type, ctrl.ids, $scope.text) 

Answer 2

以及你用你的指令只是綁定從控制器的情況下點擊，是這樣的：

angular.module('module').directive('sharePost', [ 
     function(){ 
      return { 
       link: function (scope, element, attr) { 
        var clickAction = attr.clickAction; 
        element.bind('click',function (event) { 
         scope.$eval(clickAction); 
        }); 
       } 
      }; 
    }]); 

HTML

<a sharePost click-action="publish(wall_type,wall_id,text,video,image)"> publish</a>