0

嘿，我正在尝试将 prismic io 与 angular js 1 集成，但它不起作用。

我提到了许多链接来做到这一点，但我没有得到任何数据。

https://github.com/awulder/angular-prismicio

https://gist.github.com/laradevitt/94f7e21eaf6d3441b9475fc8f5201201

http://jsfiddle.net/othermachines/bbv9dzug/

这就是我的代码：

我的代码

应用程序.js

// Define the `myApp` module
var app = angular.module('app', ['prismic.io']);

app.config(function(PrismicProvider) {
    PrismicProvider.setApiEndpoint('https://myname.prismic.io/api');
    PrismicProvider.setAccessToken('i put my access token');
    PrismicProvider.setClientId('i used my id');
    PrismicProvider.setClientSecret('i put my secret');
    PrismicProvider.setLinkResolver(function(ctx, doc) {
        return 'detail.html?id=' + doc.id + '&slug=' + doc.slug + ctx.maybeRefParam;
    });
});
// Define the `AppCtrl` controller on the `app` module
app.controller('AppCtrl', ['Prismic', function(Prismic) {
    var self = this;
    Prismic.all().then(function(data) {
        self.data = data;
    });
}]);

索引.html

<html ng-app="app">
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
            <script src="https://unpkg.com/prismic.io/dist/prismic.io.min.js"></script>

    <script src="https://raw.githubusercontent.com/awulder/angular-prismicio/master/dist/angular-prismicio.min.js"></script>
  <script src="app.js"></script>
</head>
<body ng-controller="AppCtrl">
<prismic-html fragment="data.fragment"></prismic-html>

  <ul>
    <li ng-repeat="item in data">
      <span>{{item.slug}}</span>

    </li>
  </ul>

</body>
</html>

这个 Prismic 东西的想法是它上面有数据，他们只是提供一些用于集成的代码，然后我们使用 angular 读取这个 json 数据。请如果有人以前使用过它会非常乐意提供帮助。谢谢

4

0 回答 0