我是 Contentful 和 Angular(在 Ionic 中工作)的新手,并且在整理如何从 Contentful 条目的相关内容(又名“链接”)中正确检索字段数据时遇到了一些困难。
就目前情况而言,我可以根据“条款”工厂列出我的条目,并且可以移动到一个单独的条目状态,在该状态中我可以列出链接的内容——正如你在此处看到的那样——只是 id。
我觉得这可以在/a工厂解决,但不太确定如何进行。到目前为止,我尝试过的任何方法都没有奏效。而且,如果我在这件事上做错了,我很高兴被告知。
提前谢谢了。
服务.js
angular.module('app.services', ['ngResource'])
.factory('Terms', function ($resource, $log) {
var apiGetEntries = 'https://cdn.contentful.com/spaces/SPACE_ID/entries?access_token=MY_ACCESS_TOKEN';
var terms = $resource(apiGetEntries, null, {
query: {
method: 'GET',
isArray: true,
transformResponse: function(data, headers) {
var entriesRaw = angular.fromJson(data);
var entries = [];
angular.forEach(entriesRaw.items, function(entry) {
entries.push(entry);
});
console.log(entries);
return entries;
}
}
});
return terms;
})
控制器.js
angular.module('app.controllers', [])
.controller('getTerms', function($scope, Terms) {
$scope.terms = Terms.query();
})
.controller('getTermDetail', function($scope, $http, $stateParams) {
var apiBasePath = 'https://cdn.contentful.com/spaces/SPACE_ID/entries/';
var accessToken = 'MY_ACCESS_TOKEN';
var termId = $stateParams.termId;
$http({
url: apiBasePath + termId,
method: "GET",
params: { access_token: accessToken }
}).success(function(data, status, headers, config) {
$scope.term = data;
if(typeof $scope.term.fields.relatedTo != 'undefined') {
$scope.relatedTerms = $scope.term.fields.relatedTo
}
}).error(function(data, status, headers, config) {
console.log(data);
})
});
模板/术语定义.html
<ion-view view-title="Definition">
<ion-content class="padding">
<h2>{{ term.fields.term }}</h2>
<p>
{{ term.fields.definition }}
</p>
<ion-list>
<ion-item class="" ng-repeat="relatedTerm in relatedTerms" type="item-text-wrap" href="#/tab/terms/{{ relatedTerm.sys.id }}">
{{ relatedTerm.sys.id }}
</ion-item>
</ion-list>
</ion-content>
</ion-view>