Пытаясь объединить призматический prismicio с угловой JS

Эй, люди, я пытаюсь интегрировать призматические io с угловой JS 1, но это не работает.

Я сослался на множество ссылок, чтобы сделать это, но я ничего не получаю.

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

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

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

и это мой код:

мой код

app.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;
    });
}]);

index.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 состоит в том, что у нее есть данные, и они просто предоставляют некоторый код для интеграции, а затем мы читаем эти данные json, используя angular. пожалуйста, если кто-то использовал это прежде, будет действительно приятно помочь. Спасибо

0 ответов

Другие вопросы по тегам