AngularJSディレクティブ - 初期関数invoke

Question

私は、このディレクティブを使用します。

function communicationCreateFormDirective($timeout) { 
    var directive = { 
     restrict: 'E', 
     scope: { 
      selectedCommunicationGroups: '=', 
      currentUser: '=' 
     }, 
     templateUrl: 'app/communication/....html', 
     link: function($scope) { 
      ... 
      connect(); 

をし、私が最初に関数が（接続起動します）が、私はエラーを取得：

angular.js:14110 ReferenceError: connect is not defined 

また$ scope.connect （）は機能しません。誰もする方法を知っていますか？機能ザッツ

：

$scope.connect = function() { 
       var socket = new SockJS('/api/chat'); 
       $scope.stompClient = Stomp.over(socket);    
       $scope.stompClient.connect({}, function(frame) { 
        console.log('webSocket Connected in communicationCreateForm.directive.js: ' + frame); 
        $scope.stompClient.subscribe('/topic/communication/' + $scope.currentUser.id, function(message) { 
         //vm.showMessage(JSON.parse(message.body)); 
         alert('Message response QUMA: ' + JSON.parse(message.body)); 
        }); 
       }); 
      } 

Answer 1

あなたのディレクティブを使用して、接続定義されているコントローラの範囲に直接アクセスすることはできません新しい孤立スコープを作成しています。 selectedCommunicationGroupsとcurrentUserを渡す方法と同様の関数をリンク関数のスコープに渡す必要があります。

function communicationCreateFormDirective($timeout) { 
    var directive = { 
    restrict: 'E', 
    scope: { 
     selectedCommunicationGroups: '=', 
     currentUser: '=', 
     connect: '=' // <- "links" the scopes together 
    }, 
    templateUrl: 'app/communication/....html', 
    link: function($scope) { 
     ... 
     $scope.connect(); 

HTML：<wheverYouCalledIt connect="connect" ... >

ます。また、接続のための'&'の代わり'='を使用することができますが、これはあなたが関数を呼び出すときに沿ってより多くの事を渡すことができるようになるが、あなたはそれを必要とするようには見えません。あなたがこれをした場合、HTML属性は若干変更されてconnect="connect()"