append dynamically value into array angularjs

Question

$scope.results = [
    {id: 1, text: 'a'},
    {id: 2, text: 'b'},
    {id: 3, text: 'c'},
    {id: 4, text: 'd'}
];

<label ng-repeat="result in results">
    <input type="checkbox" name="res" data-checklist-model="my.resid" data-checklist-value="result.id" ng-click="myFunction(result.id)" > {{result.text}}
</label>

$scope.myFunction = function(id){
    $scope.dflt = [];
    if($scope.my.resid == 1){
        $scope.dflt.push({"id": 1, "text": 'a'});
        console.log($scope.dflt);
    }
}

I want to append dynamically as i expected result below but for now it is just showing [{"id":1,"text":"a"}]

[{"id":1,"text":"a"}, {"id":2,"text":"b"}, {"id":3,"text":"c"}, {"id":4,"text":"d"}]

On every click, $scope.dflt is initialized again...Make it global in controller... — Rayon
– Rayon, Commented Jul 4, 2016 at 12:21

Rayon · Accepted Answer · 2016-07-04 12:25:57Z

2

On every click, $scope.dflt is initialized again...Make it global in controller.

var myApp = angular.module("myApp", []);
myApp.controller("myCtrl", function($scope) {
  $scope.results = [{
    id: 1,
    text: 'a'
  }, {
    id: 2,
    text: 'b'
  }, {
    id: 3,
    text: 'c'
  }, {
    id: 4,
    text: 'd'
  }];
  $scope.dflt = [];
  $scope.myFunction = function(obj) {
    $scope.dflt.push(obj);
    console.log($scope.dflt);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <label ng-repeat="result in results">
    <input type="checkbox" name="res" data-checklist-model="my.resid" data-checklist-value="result.id" ng-click="myFunction(result)">{{result.id}}
  </label>
</div>

edited Jul 4, 2016 at 12:25

answered Jul 4, 2016 at 12:22

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

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

3 Comments

Jimmy Over a year ago

it is not appending the value it should append [{"id":1,"text":"a"}, {"id":2,"text":"b"}]

Rayon Over a year ago

@Jimmy, Then what is being appended ? Read about $$hashKey

Jimmy Over a year ago

sry Rayon i haven't checked it

Piyush.kapoor · Accepted Answer · 2016-07-04 12:23:46Z

$scope.results = [
    {id: 1, text: 'a'},
    {id: 2, text: 'b'},
    {id: 3, text: 'c'},
    {id: 4, text: 'd'}
  ];


 <label ng-repeat="result in results">
                <input type="checkbox" name="res" data-checklist-model="my.resid" data-checklist-value="result.id" ng-click="myFunction(result.id)" > {{result.text}}
              </label>


$scope.myFunction = function(id){

     $scope.dflt = $scope.dflt || [];

          if($scope.my.resid == 1){
            $scope.dflt.push({"id": 1, "text": 'a'});
    console.log($scope.dflt);
          }

}

Oz Lodriguez · Accepted Answer · 2016-07-04 12:24:19Z

0

Make $scope.dflt outside of the currrent function and it would work. You are overwriting the array to empty every time you perform a click

answered Jul 4, 2016 at 12:24

Oz Lodriguez

9735 silver badges17 bronze badges

Collectives™ on Stack Overflow

append dynamically value into array angularjs

3 Answers 3

3 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Related