ng-repeat without declaring array of object

Question

<div ng-init="num_cover_photo:new Array(4)">
              <div ng-repeat="photo in num_cover_photo">
                <img ng-src="cover_"{{$index}} />
              </div>
</div>

I know above code won't work, but that's my idea. I don't want to declare something like this

$scope.cover_photo = [{
bla
bla
}]

because what I want is simple, able to use ng-repeat to build few block of markup. I'd google but many suggested I create a dumb array of object in controller. Any clue I can ng-init it on the fly?

Is there a good reason you don't want to declare a simple scope object? It's making this harder on you if you don't. — Sterling Archer
– Sterling Archer, Commented Oct 26, 2016 at 14:37
What do you want to iterate if you don't have any collection? How do you imagine it working? — user5479362
– user5479362, Commented Oct 26, 2016 at 14:41

Max Taylor · Accepted Answer · 2016-10-26 14:55:01Z

1

If all you want to do is create a few blocks of markup, you could do a simple for loop in the ng-repeat

like so:

<div data-ng-repeat="i in [1,2,3,4,5]">
   do something
</div>

to create 5 blocks.

answered Oct 26, 2016 at 14:55

Max Taylor

3533 silver badges16 bronze badges

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

Comments

brad · Accepted Answer · 2016-10-26 14:45:51Z

0

Might I suggest initializing the array with the numbers you want to use and then referencing them in the ng-repeat instead of using $index

<div ng-init="num_cover_photo=[1, 2, 3, 4]">
    <div ng-repeat="photo in num_cover_photo">
        <img ng-src="cover_{{photo}}" />
    </div>
</div>

answered Oct 26, 2016 at 14:45

brad

5795 silver badges5 bronze badges

Comments

Eren Akkus · Accepted Answer · 2016-10-26 14:51:04Z

0

maybe it helps you;

<div ng-repeat="i in Num(4) track by $index">
    <img ng-src="cover_"{{$index}} />
</div>

$scope.Num = function(num) {
    return new Array(num);   
}

answered Oct 26, 2016 at 14:51

Eren Akkus

4714 silver badges11 bronze badges

Collectives™ on Stack Overflow

ng-repeat without declaring array of object

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related