In my project, I aim to combine:
- Angular 1.3.15
- Prismic.io API
- Browserify
After successful testing, I have managed to create:
* an application with Angular and Browserify
* an application with Angular and the Prismic.io API
However, when I attempt to integrate all three components together, I encounter issues.
app.js
var angular = require('angular');
require('angular-route');
require('angular-prismicio');
require('prismic.io');
require('./controllers');
var app = angular.module('monApp', ['ngRoute', 'controllers', 'prismic.io']);
app.config(['PrismicProvider', function(PrismicProvider) {
PrismicProvider.setApiEndpoint('myApiUrl');
PrismicProvider.setAccessToken('');
PrismicProvider.setClientId('');
PrismicProvider.setClientSecret('');
PrismicProvider.setLinkResolver(function(ctx, doc) {
return '#/document/' + doc.id + '/' + doc.slug + ctx.maybeRefParam;
});
}]);
Within my controllers folder, I have:
index.js
angular.module('controllers', [])
.controller('HomeCtrl', require('./homeCtrl'));
The issue arises in the controller file:
HomeCtrl.js
module.exports = function($scope, $location, Prismic){
var page = "1";
debugger;
Prismic.ctx().then(function(ctx){
ctx.api.form('everything').page(page).ref(ctx.ref).submit(function(err, documents){
if (err) {
$location.path('/');
}
else {
$scope.documents = documents;
...
}
});
});
};
Although the Prismic object is correctly defined and some of its properties can be accessed, the error occurs at
Prismic.ctx()
The debugger displays the following error message:
TypeError: Cannot read property 'Api' of undefined