AngularJs select add option

Question

I work with angularjs and select options collection. If I added in html option tags all works good. But if i try added item from angular it is not working.

My code:

<div ng-controller="statisticsTableController">
  <select ng-model="publishersdata" 
          ng-options="s for s in publishersdata"
          chosen option="publishersdata">
  </select>
</div>

and AngularJs code:

function statisticsTableController($scope, $http) {
  var publishersArray = [];

  $http.get('/api/getAllItems').success(function(data) {  
    angular.forEach(data, function(data) {
      publishersArray.push(data.Name);
    });
  });

  this.publishersdata = publishersArray;
  //...
}

Why it is not working? And how to fix it?

UPDATE

After changes:

function statisticsTableController($scope, $http) {
    var publishersArray = [];

    $http.get('/api/getAllItems')
        .success(function (data) {
            angular.forEach(data, function (data) {
                publishersArray.push(data.Name);
            });
        });

    $scope.publishersdata = publishersArray;
    //...
}

HTML:

<div ng-controller="statisticsTableController">
  <select multiple 
          ng-model="publishersdata" 
          ng-options="s for s in publishersdata"
          chosen option="publishersdata">
  </select>
</div>

It is not working properly

@TarasKovalenko your ng-model and ng-options array name are same, change one of them. this may cause problems. — Zee
– Zee, Commented May 15, 2015 at 7:42
Not working if I edit ng-model="publishersdata" to ng-model="publishers" . Why? — Taras Kovalenko
– Taras Kovalenko, Commented May 15, 2015 at 7:49

Dan Moldovan · Accepted Answer · 2015-05-15 07:21:08Z

1

One problem that i see is that both your ng-model and your ng-options point to the same publishersdata object which might be one of the causes this brakes. Your ng-model should be an object which contains what is selected in the dropdown.

Also as posted above, you should attach publishersdata to $scope, otherwise it will not be accessible in the HTML

Other than that this looks fine to me.

answered May 15, 2015 at 7:21

Dan Moldovan

3,5912 gold badges16 silver badges24 bronze badges

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

Comments

Sudharsan S · Accepted Answer · 2015-05-15 07:43:32Z

0

try the code instead of data use value in argument of foreach

angular.forEach(data, function (value) {
           publishersArray.push(value.Name);
 });

edited May 15, 2015 at 7:43

answered May 15, 2015 at 7:21

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

9 Comments

Sudharsan S Over a year ago

what issue you have faced

Sudharsan S Over a year ago

what data you get from console i want it

Taras Kovalenko Over a year ago

I not get exception in browser console

Sudharsan S Over a year ago

I want your scuccess response output console.log(data)

Taras Kovalenko Over a year ago

Let us continue this discussion in chat.

|

Collectives™ on Stack Overflow

AngularJs select add option

2 Answers 2

Comments

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related