尝试将棱镜地震与角度js结合起来

时间:2017-01-23 13:44:56

标签: angularjs prismic.io

嘿,我正在尝试将棱镜io与角度js 1整合,但它无法正常工作。

我提到了许多链接,但我没有得到任何数据。

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

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

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

那是我的代码:

my code

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的想法是它有数据,它们只是提供一些集成代码,然后我们使用angular读取这个json数据。 如果有人以前使用它,请非常乐意提供帮助。 感谢

0 个答案:

没有答案