AngularJS - ng-repeat, update a model object index which is not yet defined

Question

I have a data object "data" as below, but i need to iterate them over the other array called "values", and when I update the values in view inputs, i need to update the model object "data" accordingly,

but the problem is index "b" is not defined in "data" object as inxdex "a" so how can i update "data" object in controller, for all the "values" array indexes including "b" which is not yet defined in "data" object. is there any alternative method for this kind of scenario?

controller

$scope.values=["a","b"];
$scope.data={"a":{name:"A"}};

$scope.updateRate = function(val) {
   $scope.data[val]=//i want the input value here;
};

view

<tr ng-repeat="v in values">
    <td><input ng-model="data[v].name" type="text" ng-blur="updateRate(v)"></td>
</tr>

Is the input value not updated properly into data[v].name, since that's what you've bound to ngModel? Otherwise, have you tried using $event? As in updateRate($event, v) — Thor Jacobsen
– Thor Jacobsen, Commented Jan 14, 2015 at 14:04
data[v] for index "b" is new to that model object, how can i set it? it's not going to automatically created right? when i type on the input box — Buddhi
– Buddhi, Commented Jan 14, 2015 at 14:06

Simon Staton · Accepted Answer · 2015-01-14 14:08:31Z

1

Why don't you create all your key pairs in the controller before trying to set the model:

.controller('myCtrl', ['$scope', function($scope){
    $scope.values = ["a","b"];
    $scope.data = {};  
    for(var i=0;i<$scope.values.length;i++){
        $scope.data[$scope.values[i]] = {};
    }
    $scope.updateRate = function(val){
       $scope.data[val] = //not sure what your wanting to set it to here as the model is already the input value
    }
}]);

http://jsfiddle.net/j82mzfj9/

answered Jan 14, 2015 at 14:08

Simon Staton

4,5054 gold badges32 silver badges50 bronze badges

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

6 Comments

Buddhi Over a year ago

can't i push the new value to data object? so it'll be synced with view?

Simon Staton Over a year ago

No the ng-model will create a new scope value for you but not dynamically for example you can do ng-model="object.object.primitive" and it will create it but you cannot do ng-model="object[dynamicKey].primitive"

Buddhi Over a year ago

I mean in the controller, because the data object is multidimensional huge array

Simon Staton Over a year ago

Yes doing what I have done in my fiddle is setting up the model object for you, by default a controller and view work in sync when using ng-model so if you now edit an input value it will set data['a'].name

Simon Staton Over a year ago

Yes you can check if it exists in the loop.... if(!$scope.data[$scope.values[i]]) $scope.data[$scope.values[i]] = {} I don't really understand your problem, but if your going to se a dynamic model iit has to exist on the scope....

|

Collectives™ on Stack Overflow

AngularJS - ng-repeat, update a model object index which is not yet defined

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related