javascript - KendoUI のテンプレート内で使用すると、AngularJS ng-click が呼び出されない

Question

angularjs で kendoui を使用しており、kendo listView のテンプレートでチェックボックスを使用しようとしています。しかし問題は、Angular の ng-click が呼び出されていないことです。これが私のコードです：

            var dataSource = new kendo.data.DataSource({
                data: roles
            });

            this.element.find('div#listcontent').kendoListView({
                template: kendo.template("<div><table > \
                                          <tr><td><input type='checkbox' # if(data.IsSelected) {# checked #}# ng-click='toggleSelection(\"#:data.Name#\")' /></td><td>#:data.Name#</td></tr>
                                          </table></div>"),
                dataSource: dataSource,
                selectable: true
            });

チェックボックスは次のようにレンダリングされます。

<input type="checkbox" ng-click="toggleSelection('Sales Person')">

コントロールに関連付けられたスコープで toggleSelection が使用できることを確認しました。toggleSelection を呼び出す理由は、スコープ内のモデルの値を更新するためです。

ng-checked には、剣道のリストビューを使用する必要があるため使用できない ng-repeat を使用した場合に使用できる ng-model が必要であるため、ng-checked の代わりに ng-checked を使用することはできません。さらに、モデルに直接バインドできるフィールドはありません。

リストビューを何らかの方法でコンパイルする必要がありますか?