Unable to add value in string array in angularjs?

Question

I'm trying to add value in students array, but below code isn't working.

js code is --

angular.module('formExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.students=[
        'Scarlett Johansson','Jennifer Lawrence','Emma Stone','Kristen Stewart'
      ];  

      $scope.add = function(name){
        $scope.students.push(name);
      };
}]);

html code is --

<body ng-app="formExample">
  <div ng-controller="ExampleController">
    <p ng-repeat="stud in students">
      {{stud}}
    </p>
  </div>
  <input type='text' ng-model="name"/>
  <button ng-click="add(name);">add</button>
</body>

Merlin · Accepted Answer · 2015-08-02 11:37:15Z

2

Your button and input are not included within the div ng-controller="ExampleController" scope.

<body ng-app="formExample">
  <div ng-controller="ExampleController">
    <p ng-repeat="stud in students">
      {{stud}}
    </p>

    <input type='text' ng-model="name"/>
    <button ng-click="add(name);">add</button>
  </div> <!-- close div here -->
</body>

edited Aug 2, 2015 at 11:37

answered Aug 2, 2015 at 11:31

Merlin

4,9252 gold badges35 silver badges53 bronze badges

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

Comments

dfsq · Accepted Answer · 2015-08-02 11:19:58Z

0

You need to push into $scope.students array, as there is no students array defined in the scope:

$scope.add = function(name) {
    $scope.students.push(name);
};

answered Aug 2, 2015 at 11:19

dfsq

193k26 gold badges244 silver badges261 bronze badges

1 Comment

Girdhar Singh Rathore Over a year ago

thanks for your response, i have tried with $scope.students.push(name); too but is not working, even function is not called

Nisse Engström · Accepted Answer · 2015-08-02 14:53:09Z

0

$scope.add = function(name) {

   $scope.students.push(name);//
};

edited Aug 2, 2015 at 14:53

Nisse Engström

4,76323 gold badges29 silver badges44 bronze badges

answered Aug 2, 2015 at 11:23

Rohan Kumar Shrestha

1019 bronze badges

1 Comment

Girdhar Singh Rathore Over a year ago

thanks, have tried with $scope.students.push(name); too but is not working, even function is not called

Collectives™ on Stack Overflow

Unable to add value in string array in angularjs?

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related