ディレクティブアップデートを実行して、クリック時にDomを更新するクエリを実行します

Question

私はこれまでに10種類以上のディレクティブに関する質問を見てきましたが、今まで私のために働いたことはありませんでした。私のコントローラを認識させようとしていますsite.selectedUnitが私のカスタムディレクティブでselectedChannelの更新を変更しました。最初はうまくいきましたが、その後ng-clickはビュー情報を変更しません。 selectedChannelは私のchatListコントローラに登録されて保存されていますが、httpリクエストは再度呼び出されません。

私がsite.html内のユニットをクリックすると、chatListビューでユニット番号のselectedChannelが変更されるため、httpリクエストが再度呼び出されていないと推測しています。

リスナをディレクティブまたはchatListコントローラに追加するにはどうすればよいですか？selectedChannelが変更されたときにhttpリクエストを再度呼び出すことはできますか？

Answer 1

私はあなたが提供したコードから伝えることができるベストは、あなたがそれ以外の場合は$ scope.siteの定義を追加

site.controller

いくつかの変更を加える必要がsite.selectedUnitだけでしょうHTMLを介してng-clickで定義されているという文脈で利用可能である必要があります。

$scope.site = { 
    selectedUnit: null 
}; 

chatList.directive

単離スコープを取り外し、それがコントローラにアクセス可能となるようにbindToController介しselectedChannel性を注入します。

.directive('chatList', function() { 
    return { 
    restrict: 'E', 
    bindToController: { 
     selectedChannel: '=' 
    }, 
    templateUrl: 'chatList.html', 
    controller: 'ChatListController', 
    controllerAs: 'chatList' 
    }; 
}) 

chatList.controller

ウォッチあなたの$ http.get（）は、あなたがあまりにも多くあるだけでなく、他の問題を持っている

vm.tenants = []; 

$scope.$watch(angular.bind(vm.selectedChannel.id, function() { 

    // make http.get call here 
})) 

を呼び出すようにするselectedChannel.idへの変更についてこれをリストするにはここで作業してくださいplunker