I want to add a color column dynamically to the "solutions" table. My code is based on angularjs and json. I tried the following:
$scope.solutions.push({"color": value2.color});
The value2.color is dynamically decided by a forEach loop, but I was not able to add new column, did i do something wrong? Here is the Plunker URL: http://plnkr.co/edit/5gK5cBRdLQ6s8Gyy6ad8?p=preview
thanks!
Instead of pushing the object to the array, you need to get the object at that index and add the new property.
angular.forEach($scope.solutions, function(value1, i) {
angular.forEach($scope.eliminations, function(value2, j) {
if (value1.alien === value2.alien && value1.world === value2.world){
$scope.solutions[i].color = value2.color;
}
});
});
It's hard to edit your plunker as I can't call pull your solutions or eliminations data structures. But as Ramesh Rajendran said above, the .push only works for initialized arrays
You need to create an array on your scope
$scope.solutionsArray = [];
and instead of pushing to $scope.solutions you need to push to $scope.solutionsArray.
You also need to update your view by adding soultionsArray to your ng-reapeat
<tr ng-repeat="solution in solutionsArray | filter:SelectedStudent.student_name | filter: {student_name: ''}" >
This is the best I could do without seeing your data structures. I hope this helps! goood luck
You probably want to update your code to something like this:
angular.forEach($scope.solutions, function(value1, key1) {
angular.forEach($scope.eliminations, function(value2, key2){
if(value1.alien === value2.alien && value1.world === value2.world){
console.log(value2.color);
// value1 is a solution object in the solutions array
value1["color"] = value2.color;
}
});
});
$scope.house=[]....