隔離されたスコープを持つディレクティブのng-changeで動作するAngularJS - コンポーネントベースのアーキテクチャに移動

Question

私は現在、隔離されたスコープを使用してディレクティブで変更を開始するために戦っています。今のところ、ng-controllerからより多くのコンポーネントベースのアーキテクチャーに移行しようとしていますが、予想以上に難しいことが分かります。

私は働くことができないようなフィドルです。 fiddle

私は、問題はここに

app.directive("search", function(service) { 
    return { 
     restrict: 'E', 
     replace: true, 
     scope: {}, 
     controller: ['$scope', function($scope) { 
      $scope.search = function(keyword) { 
       service.searchData(keyword); 
      }; 
     }], 
     template: '<div style="padding-bottom: 15px;">' + 
          '<center>' + 
       '<input type="text" ng-model="keyword" ng-change="search(keyword)"/>' + 
       '</center>' + 
          '</div>' 
    }; 
}); 

のどこかにあるかなり確信している。しかしフィドルは私が達成しようとしているかのより完全なアイデアを与えるだろう。

controller: searchCtrl

以下のように

Answer 1

Chnageコントローラは、単に角度を使用している場合

searchCtrl.$inject = ['$scope', 'service']; 
function searchCtrl($scope, service) { 
    $scope.search = function(keyword) { 
     alert("called - " + keyword); 
     service.searchData(keyword); 
    }; 
} 

Answer 2

チャラン桜の答えが正しいですが、私は角とrequireJSを使用しているディレクティブの外に以下のコードを書きます一緒にここで私が問題を解決するためにしたものです。

ng-changeは起動しなかったので、ng-modelを使用してウォッチャーが変更を監視してから検索機能を起動しました。

これは誰かを助けることを望みます。