Php $http GET的AngularJS问题
我用php构建了web服务,它读取数据库和Php $http GET的AngularJS问题,php,angularjs,json,Php,Angularjs,Json,我用php构建了web服务,它读取数据库和echojson。我走这条路是为了看到结果,结果就是成功。这里是我的web服务的一个示例 [{"id":"1","skill":"1","src":"walmart","total":"1"},{"id":"1","skill":"1","src":"target","total":"2"}] 这是我的app.js代码 (function () { 'use strict'; var app = angular.module('myApp', ['
echo
json。我走这条路是为了看到结果,结果就是成功。这里是我的web服务的一个示例
[{"id":"1","skill":"1","src":"walmart","total":"1"},{"id":"1","skill":"1","src":"target","total":"2"}]
这是我的app.js代码
(function () {
'use strict';
var app = angular.module('myApp', ['angular.filter']);
// Declare app level module which depends on views, and components
app.controller('DeveloperTable', function ($scope, $http) {
var vm = this;
// GET request example:
$http({
method: 'GET',
url: '../_includes/web_service_person.php'
}).then(function successCallback(data) {
vm.developer = data;
}, function errorCallback(data) {
console.log(":(");
});
});
})();
这是我的index.html
<div ng-controller="DeveloperTable">
<h4>Developer Assesment</h4>
<table class="table">
<tr>
<th>pid</th>
<th ng-repeat="(skill, value) in developer | groupBy: 'skill'">
{{skill}}
</th>
</tr>
开发商评估
pid
{{skill}}
有趣的是,我的控制台中没有错误,但我也没有获取数据。
我错过了什么
Edit:
groupBy
过滤器来自的ng repeat
语法是:ng repeat=“(键,值)在myObj中”
。根据您发布的json,vm.developer
是一个数组,因此skill
将被设置为数组索引
我也不太确定groupBy:'did'
,因为我在json对象中没有看到任何did
属性
像这样尝试:
<th ng-repeat="data in vm.developer | groupBy: 'id'">
{{data.skill}}
</th>
{{data.skill}
两件事:
您需要在代码中执行$scope.developer=…
,vm.developer
不在页面上的范围内
除此之外,你可以:
在浏览器中打开Firebug,转到网络选项卡,查看对web服务的HTTP请求。您可以查看它是否返回数据。如果是,则按如下方式进行调试:
看看你的HTML,添加
{{developer | json}}
,我想你会看到它是空的。你想在这里获得什么输出?ng controller=“DeveloperTable as vm”
然后迭代vm.developer
或者$scope.developer=代码>以不公开作用域上的整个控制器。或者ng controller=“DeveloperTable as vm”
将作用域上的控制器公开为vm
我同时做了这两件事,{{developer | json}}
并打开开发工具、网络、响应
,我的json对象就在那里。那么{developer | json}
现在正在呈现你的对象吗?{{developer | groupBy:'skill'| json}}
怎么样?因此我使用的语法略有不同。groupBy:'did'是一个拼写错误。我更新我的问题。谢谢你让我知道。哈哈,像这样的依赖关系肯定应该在原始问题中提到。