0

我是 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>
4

1 回答 1

0

除非您有一个非常具体的用例,否则您不需要手动完成所有这些操作。您可以使用官方的Contentful JS SDK或第三方Angular JS Contentful集成。它们都自动处理链接解析。您可以在此处查看有关链接的更多信息https://www.contentful.com/developers/docs/concepts/links/和此处https://www.contentful.com/developers/docs/references/content-delivery-api/ #/参考/链接

希望有帮助:)

于 2016-03-07T09:33:06.050 回答