Javascript 角度范围和剑道UI控件_Javascript_Angularjs_Kendo Ui_Kendo Treeview

Javascript 角度范围和剑道UI控件

javascript angularjs kendo-ui

Javascript 角度范围和剑道UI控件,javascript,angularjs,kendo-ui,kendo-treeview,Javascript,Angularjs,Kendo Ui,Kendo Treeview,假设我有以下html文件： <!DOCTYPE html> <html> <head> <title>LOG</title> </head> <body> <div class="panel panel-success">  <div class="panel-hea

假设我有以下html文件：

<!DOCTYPE html>
  <html>
   <head>
   <title>LOG</title>
   </head>
   <body>

   <div class="panel panel-success">
     <!-- Default panel contents -->
     <div class="panel-heading">Log data</div>
     <div class="panel-body">

     <!-- List group -->
       <ul class="list-group">
        <li class="list-group-item">Start processing at  {{StartProcessing }}</li>
        <li class="list-group-item">Finished processing at {{EndProcessing }}</li>
    </ul>

    <div id="logTvId" kendo-tree-view
         k-data-source="treeData">
    </div>

  </div>
 </div>

页面加载后，我可以在页面上看到StartProcessing和EndProcessing，但看不到treeview。如果我从资源加载中取出与$scope.treeData相关的代码，请说出后面的下一条指令然后一切按预期进行。如果我在初始控制器代码中添加$scope.$apply，它会引发异常

我做错了什么？我应该处理$q的承诺吗？？并在资源加载后等待

提前谢谢。

好的，实际上问题已经解决了。在资源处理程序中，我像往常一样通过jquery手动创建剑道树视图，所以我不使用剑道树视图指令。id+jquery的简单div。

ng应用程序定义在哪里…无法看到。它在另一个文件中定义。。。正如我所说，它之所以有效，是因为我可以看到日期值。它只是整个应用程序的一对控制器模板。

 Arch.LogController = function ($scope, $resource, $routeParams)
    {

        var LogResource = $resource('log/:markerId', {}, {
            get: {method: "GET", isArray: false}
        });

       LogResource.get({markerId: $routeParams.markerId}, function (data1)
        {

            $scope.StartProcessing = new Date(data1.StartProcessing).toLocaleString();
            $scope.EndProcessing = new Date(data1.EndProcessing).toLocaleString();

            $scope.treeData = new kendo.data.HierarchicalDataSource({ data: [
                { text: "Item 1" },
                { text: "Item 2", items: [
                    { text: "SubItem 2.1" },
                    { text: "SubItem 2.2" }
                ] },
                { text: "Item 3" }
            ]});

       });
    };