第一個JayData與Angular和Odata查詢

我想顯示來自使用JayData和Angular的Odata Web Api控制器的數據。我設法到達了Firebug中返回數據的階段，但我無法將數據存入我的控制器或視圖。第一個JayData與Angular和Odata查詢

這裏是我的app.js：

var app = angular.module("app", ["localization", "ngResource", "ngRoute", "jaydata"]). 
    config(function ($routeProvider, $locationProvider) { 
     $routeProvider. 
      when('/Admin/Stages/List', { templateUrl: '/Content/Templates/Stages.html' }). 
      otherwise({ redirectTo: 'Admin/Teams/List', templateUrl: '/Content/Templates/Teams.html' }); 
     $locationProvider.html5Mode(true); //will use html5 mode rather than hashbang where available 
    }); 

var StageListController = function ($scope, $data) { 

    $scope.stages = []; 

    $data.initService('http://lj.cloudapp.net/odata') 
    .then(function (lj) { 
     $scope.lj = lj; 
     $scope.stages = lj.Stages.toLiveArray(); 
    }); 
};

這是我的模板：

<table class="table table-striped table-condensed table-hover"> 
<thead> 
    <th> 
     Stage Id 
    </th> 
    <th> 
     Stage Name 
    </th> 
</thead> 
<tbody> 
    <tr ng-repeat="stage in stages | filter:search:StageName | orderBy:'StageId'" id="stage_{{stage.id}}"> 
     <td>{{stage.StageId}}</td> 
     <td>{{stage.StageName}}</td> 
    </tr> 
</tbody>

這是我的看法：

<div data-ng-app="app"> 
    <div class="container" ng-controller="StageListController"> 
      <div ng-view></div> 
     </div> 
    </div> 

@Styles.Render("~/Content/css") 
@Scripts.Render("~/bundles/modernizr") 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/bootstrap") 
<script src="@Url.Content("~/Scripts/datajs-1.1.1.min.js")"></script> 
<script src="@Url.Content("~/Scripts/angular.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/angular-resource.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/angular-route.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/localize.js")" type="text/javascript"></script> 
<script src="http://include.jaydata.org/jaydata.js"></script> 
<script src="http://include.jaydata.org/jaydatamodules/angular.js"></script> 
<script src="@Url.Content("~/Scripts/angular/app.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/angular/lj.js")" type="text/javascript"></script>

代碼河段然後在控制器中，但沒有任何內容填充到$ scope.stages中。任何幫助將非常感激。

編輯：

我已經改變了上面下面的記錄錯誤：

var StageListController = function ($scope, $data) { 

$scope.stages = []; 

$data.initService('http://lj.cloudapp.net/odata') 
.then(function (context) { 
    alert(context); 
    $scope.context = context; 
    $scope.stages = context.Stages.toArray().then(function (stage) { 
     console.log("stage[10] is:"); 
     console.log(stage[10]); 
     stage.forEach(function (p) { 
      console.log(stage.StageName); 
     }); 
    }) 

     .fail(function (r) { 
      console.log(r); 
     }); 
});

};

編輯2：

從datajs切換1.1.1 1.0.3似乎解決這個問題

來源

2014-01-10 user517406

是什麼你的問題？ –

爲什麼$ scope.stages沒有填充？在代碼中是否有任何可以改變的地方來獲取Odata控制器返回的數據？ – user517406

如果您正在尋找代碼審查，您可以查看代碼審查網站。如果有特定的問題或錯誤，您可能會在此獲得更多幫助。 –

從datajs切換1.1.1 1.0.3似乎解決這個問題

來源

2014-02-12 10:57:31 user517406

第一個JayData與Angular和Odata查詢

回答

相關問題