Maximilian Noppel | 10 Dec 11:13 2014

Uncaught Error: RangeError: Maximum call stack size exceeded

What does that mean? 
Angular Hint: Modules
hint.js:610 Suggestion
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "geolocation".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "ui.router.util".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "ui.router.router".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "ui.router.state".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "ui.router".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "ui.router.compat".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "itsg_dialog".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "itsg_mainapp".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "itsg_map".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "itsg_nominatim".
hint.js:593 Angular Hint: Controllers
hint.js:610 Warning
hint.js:612 Consider renaming `MapbuttonsControllerLeft` to `MapbuttonsControllerLeftController`.
angular.js:78 Uncaught Error: [$injector:modulerr] Failed to instantiate module ngHintModules due to:
RangeError: Maximum call stack size exceeded
    at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2384:49)
    at chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2389:7
    at Array.forEach (native)
    at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2387:21)
    at chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2389:7
    at Array.forEach (native)
    at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2387:21)
    at chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2389:7
    at Array.forEach (native)
    at module.exports (chrome-extension://ighdmehidhipcmcojjgiloacoafjmpfk/dist/hint.js:2387:21)
http://errors.angularjs.org/1.2.23/$injector/modulerr?p0=ngHintModules&p1=R…sion%3A%2F%2Fighdmehidhipcmcojjgiloacoafjmpfk%2Fdist%2Fhint.js%3A2387%3A21)angular.js:78 (anonymous function)angular.js:3906 (anonymous function)angular.js:325 forEachangular.js:3872 loadModulesangular.js:3812 createInjectorangular.js:1444 doBootstrapangular.js:1467 angular.resumeBootstraphint.js:535 maybeBootstrap
hint.js:593 Angular Hint: Modules
hint.js:610 Suggestion
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "itsg_mainapp".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "itsg_map".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "geolocation".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "itsg_dialog".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "itsg_nominatim".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "ui.router".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "ui.router.state".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "ui.router.router".
hint.js:612 The best practice for module names is to use lowerCamelCase. Check the name of "ui.router.util".

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
Surya Prakash | 10 Dec 07:25 2014
Picon

Angular pulling individual id issue

Hi Team,
Am trying to build a sample site using Angular.
I have attached my code and this is my first app doing angular.
Please do correct me for my mistakes in the code and let me know where I have done my mistake.

I have two pages "home" and "profile"
on index.html both home and profile tab will show.
have one json file, which will serve name and designation on index.html
But issue is, if I click on the <a> tag, it should show me individual profile,
If you click on profile tab, it will show you profiles of person along with image.
if you click on the image it show the individual page of the person along with the details too.
How do i do it, I can render one json file to serve both pages.
How to show individual page on a click of the anchor tag ???

Please suggest


--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
Attachment (data.json): application/octet-stream, 1167 bytes

Alumni.Net

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

  • {{item.name }}

    {{item.description}}

    {{item.batch}}

    {{item.year}}

    {{item.city}}

    {{item.age}}

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
Attachment (app.js): application/x-javascript, 605 bytes
Attachment (script.js): application/x-javascript, 571 bytes
Attachment (services.js): application/x-javascript, 265 bytes
Attachment (data.json): application/octet-stream, 1167 bytes
Anil Singh | 10 Dec 06:21 2014
Picon

$watch vs $on in angularjs

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
Rick Baker | 10 Dec 05:51 2014

Altering current view on statechangeerror

Hello All,

Very new to angular, so bear with me.  I've been searching for an answer for this for a couple hours now and no luck, so figured I'd break down and ask.

I'm using the ui-router to resolve a promise and on rejection I am listening to StateChangeErrror.   All good so far.   Where I'm struggling is, I'd like to show the error on the current route/view the user is on.  

Example:

I'm on page A, click to go to page B but the resolve is rejected, so I'm still on page A.   Is there a way to alter the $scope on the current view of page A to show that particular error?  

Thanks in advance.

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
hacksaw | 10 Dec 05:15 2014
Picon

How to access array of objects in database from Angular

Hi guys!!!

I have this code for getting data in a mysql database

$categories = [
            Category::find(1)->videos,
            Category::find(2)->videos,
            Category::find(3)->videos
        ];

return $categories[1];

I can access the object name from angular using the controller below
    $http.get('/video_category')
               .success(function(videoLists) {
                    $scope.videoLists = videoLists;
                });

and calling this expression in the Html
    {{ vidlist.name }}

my question is how do I access vidlist.name if I will return $categories without array index???

Thanks in advance!!

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
Stanley Nguyen | 9 Dec 22:58 2014
Picon

click() doesn't work

I got a pretty simple page.  I'm trying testing basic navigations with Protractor and running into weird issues.  I'm able to get the element, then clicking on the link for the navigation menu but not main welcome area even though they both point to the same link.  Appreciate any suggestion/hint here.

Thanks,

Stan


====== Protractor Scenarios =================

describe('EndToEnd Testing', function() {

beforeEach(function() {

browser.get('app/');

});

it('goes to "Add" when clicked', function() {

var link = element(by.css('.jumbotron ul li:nth-child(2)'));

link.getText().then(console.log);

link.click();

browser.getLocationAbsUrl().then(function(url) {expect(url.split('#')[1]).toBe('/add');});

});

});

====================================

<div class="container">

<nav class="navbar navbar-inverse" role="navigation">

<div class="container-fluid">

<div class="navbar-header">

<button type="button" class="navbar-toggle collapseddata-toggle="collapse" data-target="#navbar" aria-expanded="false"

aria-controls="navbar">

<span class="sr-only">Toggle navigation</span> 

<span class="icon-bar"></span> <span class="icon-bar"></span> 

<span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="#">Test App</a>

</div>

<!--                      Work           -->

<div id="navbar" class="navbar-collapse collapse">

<ul class="nav navbar-nav">

<li class="active"><a href="#/home">Home</a></li>

<li><a href="#/list">List</a></li>

<li><a href="#/add">Add</a></li>

<li><a href="#/update">Update</a></li>

</ul>

</div>

</div>

</nav>

         <!--     CLICK() DOESN'T WORK       -->

<div class="jumbotron">

  <h2>Welcome</h2>

  <ul>

  <li><a href="#/list" class="input-lg">List</a></li>

  <li><a href="#/add" class="input-lg">Add a new query</a></li>

  <li><a href="#/update" class="input-lg">Update an existing query</a></li>

  </ul>

  <br>

  <p><a class="btn btn-primary btn-lg" href="#/list" role="button">Getting Started</a></p>

</div>

</div>

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
Cory Blissitte | 9 Dec 21:44 2014
Picon

jQuery exception when sorting an ng-repeat

I have an ng-repeat <tr> that is populating a table.  The table headers are setup with ng-clicks that change the sort predicate and direction, and the ng-repeat has the sort predicate and direction defined in it.  Sorting works.  On clicking a table header, the rows are sorted correctly.  The exception however breaks other things in the page since execution stops.


It appears that the problem is that this Sizzle.attr function is being called on each row, and then it gets to the 'end ngRepeat' row, it flips out because it is not actually an HTML element (it is a comment).

<!-- end ngRepeat: contest in AllContests | orderBy:sort:ReverseSort -->

Has anyone previously experienced this?  


--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
Greg LBD | 9 Dec 21:36 2014

controllerAs vs $scope

Hi,

I'm building a relatively large application using angular and we're currently doing planning and testing.  One thing we're undecided on is controllerAs or classic $scope when writing controllers.  We're going to us a Service Model Locator so every single controller will have some injected dependencies.

I've built out a sample controller using both methods - I guess my questions are
1. what is the right/better approach
2. Is there another way to inject using controllerAs
3. Is there a performance difference and a good way to test this?

thanks in advance

Greg

Classic $scope method
angular.module('sdt.settingsctrl', [])
   
.controller('SettingsCtrl', ['$scope','$log', 'ModalService','SettingsModel', function ($scope, $log, ModalService, SettingsModel) {
        $scope.data = SettingsModel.getData();
        $scope
.settings = SettingsModel.settings()

        $scope
.open = function(){
           
var items = [{item:'item1'},{item: 'item2'},{item: 'item3'}];
           
var modalOptions = {
               
closeButtonText: 'Cancel',
               
actionButtonText: 'OK',
               
headerText: 'Adjust your settings',
               
bodyText: items,
               
result: $scope.callBack(),

               
//optional - if you use this option feel free to
                //add more properties to work with your custom template
                template: 'partials/modals/settings.html'
            }


           
ModalService.showModal({}, modalOptions).then(function (result) {
                $log
.log(result);
           
});
       
}

        $scope
.callBack = function() {
           
return SettingsModel.settings();
       
}
   
}])



ControllerAs method

angular.module('sdt.settingsctrl', [])
 
.controller('SettingsCtrl', SettingsCtrl);

SettingsCtrl.$inject= ['$log', 'ModalService', 'SettingsModel'];

function SettingsCtrl($log, ModalService, SettingsModel){
   
angular.extend(this, {
       
data: SettingsModel.getData(),
       
settings: SettingsModel.settings(),
       
open:  function() {
           
var items = [{item: 'item1'}, {item: 'item2'}, {item: 'item3'}];
           
var modalOptions = {
               
closeButtonText: 'Cancel',
               
actionButtonText: 'OK',
               
headerText: 'Adjust your settings',
               
bodyText: items,
               
result: this.callBack(),

               
//optional - if you use this option feel free to
                //add more properties to work with your custom template
                template: 'partials/modals/settings.html'
            }


           
ModalService.showModal({}, modalOptions).then(function (result) {
                $log
.log(result);
           
})
       
},
       
callBack: function() {
           
return SettingsModel.settings();
       
}
   
})

};


--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
woodson | 9 Dec 19:31 2014
Picon

How to dynamically load the View , Module ,Controller and Router in Angular JS.

Hi All,

we are planning to develop new large application using Angular js. For that we are preparing the POC for angular js. we build basic landing page . It;s working fine

When clicking the contact us link need to dynamically load the contact us page. HTML page is loading properly and controller register we are getting error.


Error: [ng:areq] Argument 'ContactusCtrl' is not a function, got undefined
http://errors.angularjs.org/1.3.5/ng/areq?p0=ContactusCtrl&p1=not%20a%20function%2C%20got%20undefined
   at assertArg (http://localhost:53856/Scripts/vendors/angular.js:1560:5)
   at assertArgFn (http://localhost:53856/Scripts/vendors/angular.js:1570:3)
   at Anonymous function (http://localhost:53856/Scripts/vendors/angular.js:8353:9)
   at Anonymous function (http://localhost:53856/Scripts/vendors/angular-ui-router/angular-ui-router.js:2797:11)
   at invokeLinkFn (http://localhost:53856/Scripts/vendors/angular.js:8141:9)
   at nodeLinkFn (http://localhost:53856/Scripts/vendors/angular.js:7653:11)
   at compositeLinkFn (http://localhost:53856/Scripts/vendors/angular.js:7009:13)
   at publicLinkFn (http://localhost:53856/Scripts/vendors/angular.js:6888:30)
   at updateView (http://localhost:53856/Scripts/vendors/angular-ui-router/angular-ui-router.js:2733:11)
   at Anonymous function (http://localhost:53856/Scripts/vendors/angular-ui-r


Can any one help us to reslove the issue ?

Model.js:

angular.module('homeless.contactus', []);

contactusctrl.js:

ngular.module('homeless.contactus').controller('ContactusCtrl', ['$scope', '$stateParams', '$location', 'Global',
    function ($scope, $stateParams, $location, Global) {
        debugger;
        $scope.global = Global;

    }]);
routes.js:

angular.module('homeless.contactus').config(['$stateProvider',
    function ($stateProvider) {
        debugger;
        // states for my app

    }]);
Thanks & Regards,
Sajan Soosaimichael.

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
David Downey | 9 Dec 19:09 2014
Picon

Uncaught Error: [$injector:unpr] Unknown provider: auth0Provider <- auth0

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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
ajeesh aji | 9 Dec 15:26 2014
Picon

Events inside Directive

I want to handle an event inside my directive. I have given my code below.

var app = angular('myApp',[]);

app. .directive('participantCtrl', function () {
     return {
         restrict: 'E',
         scope: {
         },
         templateUrl: '<div><button ng-click='Click()'>Click me</button><div>'
         controller: function ($scope) {
            
         },
         link: function (scope, element, attrs) {
             scope.Click= function () {
                 alert('link');
             };


                 }
     };

 })



I want to get Click() function inside my directive. Can anybody help me?

--
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 angular+unsubscribe <at> googlegroups.com.
To post to this group, send email to angular <at> googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Gmane