Javascript json中的Angular JS动态表
我试图通过接收SpringREST服务的响应,从AngularJS生成一个动态表 这是我的代码:Javascript json中的Angular JS动态表,javascript,jquery,json,angularjs,dynamic,Javascript,Jquery,Json,Angularjs,Dynamic,我试图通过接收SpringREST服务的响应,从AngularJS生成一个动态表 这是我的代码: //JavaScript文档 var app=angular.module(“SDLC”,[]); app.config(['$httpProvider',函数($httpProvider){ $httpProvider.defaults.useXDomain=true; $httpProvider.defaults.headers.common='Content-Type:application
//JavaScript文档
var app=angular.module(“SDLC”,[]);
app.config(['$httpProvider',函数($httpProvider){
$httpProvider.defaults.useXDomain=true;
$httpProvider.defaults.headers.common='Content-Type:application/json';
删除$httpProvider.defaults.headers.common['X-Requested-With'];
}]);
var urlBase=”http://localhost:8080";
app.controller('projecttable\u controller',函数($scope,$http){
$scope.ordered_columns=[];
$scope.all_列=[{
“标题”:“项目名称”,
“类型”:“字符串”
}, {
“标题”:“项目说明”,
“类型”:“字符串”
}, {
“头衔”:“所有者”,
“类型”:“字符串”
}, {
“标题”:“开始日期”,
“类型”:“字符串”
}, {
“标题”:“结束日期”,
“类型”:“字符串”
},{
“标题”:“记录ID”,
“类型”:“字符串”
}];
$http.get(urlBase+'/hello?input=raina')。
成功(功能(数据){
//警报(数据);
$scope.data=数据;
警报($scope.data);
});
$scope.$watch('all_columns',function()){
更新_列();
},对);
var update_columns=函数(){
$scope.ordered_columns=[];
对于(变量i=0;i<$scope.all_columns.length;i++){
var column=$scope.all_column[i];
$scope.ordered_columns.push(column);
}
};
});代码>
{{c.title}}
{{d[c.title]}
获取GET响应时,您将写入$scope.data=data
并且您不使用$scope.data
更改:
$http.get(urlBase+'/hello?input=raina').
success(function(data) {
//alert(data);
$scope.data=data;
alert($scope.data);
});
致:
因为我看到您是从$scope.填充表的。所有列都会得到您的响应数据,并将其放在“$scope.data”中,而这正是它始终所在的位置将
更改为
,这似乎是打字错误
$http.get(urlBase+'/hello?input=raina').
success(function(data) {
//alert(data);
$scope.all_columns=data;
alert($scope.data);
});