私はいくつかのルートを持っています:
when('/tvtest/:userid', {templateUrl: 'template/usertv', controller: SomeTest}).
kendo-ui コントロールが埋め込まれた HTML を読み込みます。
<html>
<head>
<title></title>
<script type="text/javascript" src="http://localhost:7000/myservice/script/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost:7000/myservice/script/kendo.all.min.js"></script>
</head>
<body>
<h1>{{"Hello"}}</h1>
<div id="example" class="k-content">
<div class="demo-section">
<ul id="treeview"/>
</div>
<script >
console.log("test message");
var dataSource = new kendo.data.HierarchicalDataSource({
transport: {
read: {
url: "http://demos.kendoui.com/service/Employees",
dataType: "jsonp"
}
},
schema: {
model: {
id: "EmployeeId",
hasChildren: "HasEmployees"
}
}
});
$("#treeview").kendoTreeView({
dataSource: dataSource,
dataTextField: "FullName"
});
console.log(kendo);
dataSource.read();
</script>
{{user.UserName}}
</div>
</body>
</html>
これはサンプルのツリービューであり、ルーティングでは機能しません。「Hello」とユーザー名が出力されますが、ツリービューは表示されず、コンソールに「テスト メッセージ」も出力されません。 jquery と剣道スクリプトをロードしてみてください。テンプレートをロードするときにスクリプトタグの内容が無視されるためですか? angular- kendo プロジェクトと聞いたのですが、AngularJS と kendo-ui フレームワークだけで実現できるのか気になります。私は単に間違ったことをしているようです...
更新:
わかりました、Angular-Kendo 内で動作しているように見えることを理解しました...しかし、ツリービューを動作させることができません:
私は次のようにコントロールしています:
function HomeCtrl($scope) {
$scope.things = {
dataSource: {
data: [{ name: "Thing 1", id: 1 },
{ name: "Thing 2", id: 2 },
{ name: "Thing 3", id: 3 }]
}
}}
次のhtmlで返されたテンプレートファイルがあります:
<div kendo-tree-view
k-data-source="things"
k-data-text-field="'name'" />
しかし、うまくいきません...私が間違っているのは何ですか?
前もって感謝します。