angularjs - Kendo Autocomplete の Angular Js ディレクティブ - 結果を親コントローラーにバインドしない

Question

私が構築している MVC Web アプリ全体で Autocomplete コントロールを繰り返し使用しています。Kendo の Angular Autocomplete ツールを使用することにしました。これは、カレンダーとドロップダウン リスト コントロールも使用するためです (FYI - 大きなリストに便利 - ドロップダウン内で検索できるため)。また、Angular も使用しています。

ディレクティブからオートコンプリートが機能し、「オートコンプリート」されました。ただし、オートコンプリートで値を入力または選択しても、モデルは親コントローラーにバインドされません。私はディレクティブの専門家ではないので、できれば助けていただければ幸いです。私のテストを再現するためにすべてが含まれているこのプランカーを見てください! http://plnkr.co/edit/Zlw75QhmF7xkrLKsQkP8?p=preview

ディレクティブはこれを返します:

    return {
        restrict: 'E',
        scope: {
            bindTo: '='
        },
        template: '<input kendo-auto-complete ng-model="vm.bindTo" k-options="vm.fruitAutoComplete" style="width: 100%;"/>',
        controllerAs: 'vm',
        controller: fruitAutocompleteCtrl,
        bindToController: true
    };

そしてhtmlで私はこれを宣言します:

<fruit-autocomplete bindTo="vm.selectedFruit"></fruit-autocomplete>

基本的に、コントローラーの「vm.selectedFruit」変数にバインドするオートコンプリート ディレクティブの値を取得しようとしています。どんな助けでも本当に感謝しています!

前もって感謝します！