Using ng-options with a nested array

Question

I have a json array formatted like this:

share.videos = [
  {
    sources: [
      {src: $sce.trustAsResourceUrl('http://example.com/Inner_Strength.mp4'), type: 'video/mp4'},
      {src: $sce.trustAsResourceUrl('http://example.com/Inner_Strength.webm'), type: 'video/webm'},
      {src: $sce.trustAsResourceUrl('http://example.com/Inner_Strength.ogv'), type: 'video/ogg'}
    ],
    info: [
      {
        'title': 'Inner Strength',
        'videoFile': 'Inner_Strength_HD.mp4'
      }
    ]
  }]

I would like to use ng-options to get the title from info.title

ng-options="i.info.title for i in share.videos"

Gives me blank labels in my select element on my DOM, but with the right amount of options.

Is it possible to use ng-options with an array formatted like this?

Anik Islam Abhi · Accepted Answer · 2015-12-17 06:50:52Z

1

info is an array not object.

You have to specify it's index.

Try like this

ng-options="i.info[0].title for i in share.videos"

answered Dec 17, 2015 at 6:50

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

Comments

virendrao · Accepted Answer · 2015-12-17 06:53:05Z

0

You can try something like this:

ng-options="video in share.videos"
    ng-options="inf in video.info"
        {{inf.title}}

answered Dec 17, 2015 at 6:53

virendrao

1,8232 gold badges25 silver badges43 bronze badges

Comments

Rabi · Accepted Answer · 2015-12-17 06:54:51Z

I believe your info has multiple titles like below -

share.videos = [
  {
    sources: [
      {src: $sce.trustAsResourceUrl('http://example.com/Inner_Strength.mp4'), type: 'video/mp4'},
      {src: $sce.trustAsResourceUrl('http://example.com/Inner_Strength.webm'), type: 'video/webm'},
      {src: $sce.trustAsResourceUrl('http://example.com/Inner_Strength.ogv'), type: 'video/ogg'}
    ],
    info: [
      {
        'title': 'Inner Strength',
        'videoFile': 'Inner_Strength_HD.mp4'
      },
      {
        'title': 'Another Title',
        'videoFile': 'Inner_Strength_HD_another.mp4'
      },

    ]
  }]

In this case, you should use it like -

ng-options="i.title for i in share.videos[0].info"

Collectives™ on Stack Overflow

Using ng-options with a nested array

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