Javascript 异步服务调用后未定义ngHandsontable数据行
我有一个简单的控制器,它通过ajax调用来获取ngHandsontable的表数据,但是Javascript 异步服务调用后未定义ngHandsontable数据行,javascript,angularjs,handsontable,Javascript,Angularjs,Handsontable,我有一个简单的控制器,它通过ajax调用来获取ngHandsontable的表数据,但是datarows值是undefined var app = angular.module('propnet', [ 'ngRoute', 'ngHandsontable' ]); // configure our routes app.config(function($routeProvider) { $routeProvider. // route for the a
datarows
值是undefined
var app = angular.module('propnet', [
'ngRoute',
'ngHandsontable'
]);
// configure our routes
app.config(function($routeProvider)
{
$routeProvider.
// route for the about page
when('/property/:prop_id',
{
templateUrl: 'pages/property.html',
controller: 'propertyController'
})
...
app.controller('propertyController', function($scope, $routeParams, $http, $log)
{
$http.get('api/Transactions/property/' + $routeParams.prop_id).success(function(data)
{
$scope.transactions = data;
$log.log("Got some txns" + data);
});
});
页面/property.html
:
<div class="row">{{ transactions }}</div>
<div class='row'>
<hot-table col-headers="showColHeaders" datarows="transactions">
<hot-column data="itemName" title="'Name'" type="'text'" read-only></hot-column>
<hot-column data="amount" title="'Amount'" type="'numeric'" format="'$ 0,0.00'" read-only></hot-column>
<hot-column data="date" title="'Date'" type="'date'" dateFormat="'YYYY-MM-DD'"></hot-column>
<hot-column data="vendorName" title="'Vendor'"></hot-column>
<hot-column data="notes" title="'Notes'" width="150" ></hot-column>
</hot-table>
</div>
为什么$scope.transactions
没有绑定到datarows
相关:初始化控制器中的$scope.transactions=[]。最初,当handsontable尝试绑定数据时,$scope.transactions未定义。因此,首先初始化它有助于通过错误。一旦GET方法返回数据,handsontable将用数据填充表。可能与(感谢@Suppressingfire)初始化
$scope有关。transactions
修复了错误,但表中仍然没有数据。事实证明,我必须(?)在控制器中指定minSpareRows
以满足第253行条件:if(oldValue.length==scope.htSettings.minSpareRows&&newValue.length!=scope.htSettings.minSpareRows){scope.htSettings['data']=scope.datarows;
Got some txns[object Object],[object Object],[object Object],[object Object]
angular.js:12477 TypeError: Cannot read property 'length' of undefined
at Object.fn (ngHandsontable.js:253)
at Scope.$digest (angular.js:15826)
at Scope.$apply (angular.js:16097)
at done (angular.js:10546)
at completeRequest (angular.js:10744)
at XMLHttpRequest.requestLoaded (angular.js:10685)(anonymous function) @ angular.js:12477(anonymous function) @ angular.js:9246Scope.$digest @ angular.js:15844Scope.$apply @ angular.js:16097done @ angular.js:10546completeRequest @ angular.js:10744requestLoaded @ angular.js:10685