Assigning $index to ng-model: AngularJS

Question

I have a kendo multi select widget in my template, the code for which is given below.

<div ng-repeat="program in user.programs">
    <label class="label-multi">{{program.name}}:</label>
    <select kendo-multi-select="" k-option-label="'Select Services...'" k-data-text-field="'name'" k-data-value-field="'id'" k-data-source="services" k-ng-model="selectedServices" >
    </select>
</div>

Each user has several programs, and each program has some services. Now I want to show the services that are already associated with the program i.e selectedServices which I initialize in my controller like so:

$scope.selectedServices = ["S1","S2"];

But the problem is that selectedServices vary for each program. I was thinking about doing something like selectedServices[0], selectedServices[1] and so on using $index. How do I achieve this and how do assign values to these selectedServices in my controller? Wouldn't it be an array of arrays?

MarcoS · Accepted Answer · 2014-12-18 10:45:12Z

1

Why don't you add a selectedServices array to user.programs?
For example:

$scope.user.programs.selectedServices = ["S1", "S2"];

answered Dec 18, 2014 at 10:45

MarcoS

17.8k27 gold badges101 silver badges189 bronze badges

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

2 Comments

geekchic Over a year ago

You are a genius and I'm an idiot. You made my life about 10x time easier, thanks man!

MarcoS Over a year ago

Glad to be helpful... ;-)

Collectives™ on Stack Overflow

Assigning $index to ng-model: AngularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related