angularJS - directive not able to get `index` of array value

Question

I am passing the array to directive and getting it in directive method. but I am trying to get a index of value. but getting as undefiend. what is the issue here?

array creation :

var dataSize = gridView.baseData.length / viewPorts;
        for( var i = 0; i < dataSize; i++ ){
            gridView.pages[i] = {
                show : i ==0 ? true:false,
                pageData : gridView.baseData.splice( 0, viewPorts )
            };
        }
        return gridView.pages;

here is my directive:

var dataGridMaker = function( ) {

    return {
        scope: {
            "pages" : "="
        },
        replace: true,
        template : GridTemplate.join(''),
        link: function(  scope, element, attrs ) {
            console.log( scope.pages ); //getting all array values
            console.log( scope.pages[0] ); //undefined-why?
        }
    }

}

here is the console:

[]0: Object 1: Object 2: Object 3: Object 4: Object 5: Object 6: Object 7: Object 8: Object 9: Objectlength: 10__proto__: Array(0)
dataGridDirective.js:24 undefined

can you show scope.pages ?

Jenny
– Jenny

2017-05-15 05:44:03 +00:00
Commented May 15, 2017 at 5:44 — Jenny
– Jenny, Commented May 15, 2017 at 5:44
required to post array values?

user2024080
– user2024080

2017-05-15 05:46:09 +00:00
Commented May 15, 2017 at 5:46 — user2024080
– user2024080, Commented May 15, 2017 at 5:46

neptune · Accepted Answer · 2017-05-15 06:30:22Z

1

It may be an unresolved promise or a scope change (depends on what you are doing in the controller). Try to wrap console.log( scope.pages[0] ); in a timeout with no delay and see what happens. Something like this:

$timeout(function () {
   console.log( scope.pages[0] );
});

answered May 15, 2017 at 6:30

neptune

1,2712 gold badges21 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angularJS - directive not able to get `index` of array value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related