bind input to object array in angular

Question

If I have a JSON input like this:

$scope.managers = 
[
    {
        managerName : "Sam",
        employeesList: [
        { employeeName: 'Joe', employeeCategory: 'Developer' },
        { employeeName: 'Bob', employeeCategory: 'Developer' }
        ]
    }
]

I want to bind all the employeeNames for that manager to one comma separated input something like this:

<div ng-repeat="manager in managers">
    <input type="text" ng-model="manager.employeesList.employeeName" ng-list />
</div>

So that I can just enter

John, Bob

in the input field.

What is the best way to do this?

(I cannot change the structure of the JSON object)

Answer 1

I would create a button that on ng-click="storeNames(nameInput, manager).

.split() takes a string and separates it into elements of an array every time it sees a selector (which in this case is ', ')

http://www.w3schools.com/jsref/jsref_split.asp

    $scope.nameInput = '';
    $scope.managers = [
            {
            managerName: 'Billy Joe',
            employeesList: [
                { employeeName: 'Joe', employeeCategory: 'Developer' },
                { employeeName: 'Bob', employeeCategory: 'Developer' }
                ]
            }
        ];

    $scope.storeNames = function(names, manager) {
        if(names.length > 0) {
            names.split(", ");
            for(var x = 0; x < names.length; x++) {
                manager.employeesList.employeeName[x] = names[x];
            }
        }
    }