Yes that did help. Thank you very much! I am still learning angular and
didn't even grok the fact that I was prepping for minification. I still
have a lot to learn... on to the next issue :)
On Tuesday, December 9, 2014 1:51:59 PM UTC-5, Gonto wrote:
>
> Hey there,
>
> Let me see if I can help you:
>
> 1) First, if you're going to minify this JS code and not pass it through
> ngAnnotate, I'd change the `authProvider` configuration so that it's
> annotated as follows:
>
> ````js
> app.config(['authProvider', function(authProvider) {
> authProvider.init({
> domain: 'blabla.auth0.com',
> clientID: 'blablabla'
> });
> }]);
> ````
>
> 2) In the `app.run`, when you're annotating the service, you're annotating
> it as `auth0`. However, the angular service is called `auth`. This is
> what's triggering the error you're getting since AngularJS can't find the
> service `auth0` nor its provider `auth0provider`. So the code should look
> like:
>
> ````js
> app.run(['$route', 'auth', 'datacontext', function ($route, auth,
> datacontext) {
> ````
>
> Let me know if this helps !
>
> Cheers!
>
>
> On Tuesday, December 9, 2014 3:09:47 PM UTC-3, David Downey wrote:
>>
>> I am trying to integrated Auth0 into an Angularjs Breeze SPA created from
>> using hottowel "template."
>>
>> I've been attempting to follow the instructions here
>> https://docs.auth0.com/quickstart/spa/angular/aspnetweb-api
>>
>> From what I can tell I am doing everything the instructions say to do,
>> but I keep getting the error about an unknown provider for auth0Provider.
>> I am stumped. Any ideas?
>>
>> This is my app.js:
>>
>> (function () {
>> 'use strict';
>>
>> var app = angular.module('app', [
>> // Angular modules
>> 'ngAnimate', // animations
>> 'ngRoute', // routing
>> 'ngSanitize', // sanitizes html bindings (ex: sidebar.js)
>>
>> // Custom modules
>> 'common', // common functions, logger, spinner
>> 'common.bootstrap', // bootstrap dialog wrapper functions
>>
>> // 3rd Party Modules
>> 'breeze.angular', // configures breeze for an angular app
>> 'breeze.directives', // contains the breeze validation directive
>> (zValidate)
>> 'ui.bootstrap', // ui-bootstrap (ex: carousel, pagination, dialog)
>>
>> //auth0
>> 'auth0', // main auth0
>> 'angular-storage', // for local storage of tokens
>> 'angular-jwt' // Json web tokens
>> ]);
>>
>> // Handle routing errors and success events
>> app.run(['$route', 'auth0', 'datacontext', function ($route, auth,
>> datacontext) {
>>
>> // This hooks all auth events to check everything as soon as the
>> app starts
>> auth.hookEvents();
>> // Include $route to kick start the router.
>> datacontext.prime();
>> }]);
>> })();
>>
>>
>> part of my index.html:
>>
>> ...
>> <!-- common.bootstrap Modules -->
>> <script src="app/common/bootstrap/bootstrap.dialog.js"></script>
>>
>> <!--Auth0-->
>> <!--Todo: download these scripts instead of relying on their web
>> version-->
>> <!-- Auth0 Lock script and AngularJS module -->
>> <script src="//cdn.auth0.com/js/lock-6.js"></script>
>> <!-- angular-jwt and angular-storage -->
>> <script type="text/javascript" src="//
>> rawgit.com/auth0/angular-storage/master/dist/angular-storage.js
>> "></script>
>> <script type="text/javascript" src="//
>> rawgit.com/auth0/angular-jwt/master/dist/angular-jwt.js"></script>
>> <script src="//cdn.auth0.com/w2/auth0-angular-3.js"> </script>
>> <!-- Setting the right viewport -->
>> <!-- <meta name="viewport" content="width=device-width,
>> initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />-->
>>
>> <!-- app -->
>> <script src="app/admin/admin.js"></script>
>> <script src="app/dashboard/dashboard.js"></script>
>> ...
>>
>>
>> my config.js:
>>
>> (function () {
>> 'use strict';
>>
>> var app = angular.module('app');
>>
>> // Configure Toastr
>> toastr.options.timeOut = 4000;
>> toastr.options.positionClass = 'toast-bottom-right';
>>
>> var keyCodes = {
>> backspace: 8,
>> tab: 9,
>> enter: 13,
>> esc: 27,
>> space: 32,
>> pageup: 33,
>> pagedown: 34,
>> end: 35,
>> home: 36,
>> left: 37,
>> up: 38,
>> right: 39,
>> down: 40,
>> insert: 45,
>> del: 36
>> };
>>
>> // For use with the HotTowel-Angular-Breeze add-on that uses Breeze
>> var remoteServiceName = 'breeze/Breeze'; //original value
>> // var remoteServiceName = 'http://localhost:4545/breeze/Breeze';
>> // var remoteServiceName = 'http://10.2.23.102:8082/breeze/Breeze
>> ';
>>
>> var events = {
>> controllerActivateSuccess: 'controller.activateSuccess',
>> hasChangesChanged: 'datacontext.hasChangesChanged',
>> spinnerToggle: 'spinner.toggle'
>> };
>>
>> var config = {
>> appErrorPrefix: '[BD-Portal Error] ', //Configure the
>> exceptionHandler decorator
>> docTitle: 'DataAcquisition: ',
>> events: events,
>> keyCodes: keyCodes,
>> remoteServiceName: remoteServiceName,
>> version: '2.1.0'
>> };
>>
>> app.value('config', config);
>>
>> app.config(['$logProvider', function ($logProvider) {
>> // turn debugging off/on (no info or warn)
>> if ($logProvider.debugEnabled) {
>> $logProvider.debugEnabled(true);
>> }
>> }]);
>>
>> //#region Configure the common services via commonConfig
>> app.config(['commonConfigProvider', function (cfg) {
>> cfg.config.controllerActivateSuccessEvent =
>> config.events.controllerActivateSuccess;
>> cfg.config.spinnerToggleEvent = config.events.spinnerToggle;
>> }]);
>> //#endregion
>>
>> //#region Configure Auth0
>> app.config(function(authProvider) {
>> authProvider.init({
>> domain: 'blabla.auth0.com',
>> clientID: 'blablabla'
>> });
>> });
>> //#endregion
>>
>> })();
>>
>>
>>
>>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
