current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Stack Overflow is a community of 4.7 million programmers, just like you, helping each other.

Join them; it only takes a minute:

Sign up
Join the Stack Overflow community to:
  1. Ask programming questions
  2. Answer and help your peers
  3. Get recognized for your expertise
up vote 1 down vote favorite

I am using Angular material and I am stuck on multi selection dropdown , where I was selecting more than one options and on ng-change I am calling function which will get id of every option and I will compare API id but As I select it will provide data in function like In first option selection 123456 In second option selection 123456,456231

In Third option selection 123456,456231,471258

so whenever I do compare It goes inside the condition only once and not more even I tried to split It gives error and do nothing.

<md-select ng-model="$parent.follower" placeholder="Select Person" multiple="true" ng-change="getFollowers(follower)">             
     <md-option ng-repeat="follower in followers" value="{{follower.id}}"> {{follower.full_name}}</md-option>
   </md-select>

So Let me know how to handle this situation, if anyone have experience and very well Please let me know.

Thanks Shivam

share|improve this question
    
Can you provide plunker or fiddle, so that problem could be easily understandable – Shubham Nigam Jul 15 '15 at 9:17
    
ng-change call function and that function provide id of option suppose I select apple , It will provide 123 id then I select second option then console show 123,456 same as follow for rest of all. – Shivam Sharma Jul 15 '15 at 10:03
    
ok so if you are getting ids in array then next what you want to do? – Shubham Nigam Jul 15 '15 at 10:07
    
ok let me give pure angularjs multiple selection that can be post on webservice ,Please – Shivam Sharma Jul 15 '15 at 10:08
    
No , not in array simple like 123,4565 if I select single option then 123 , and again select two option then 1223,456 in function – Shivam Sharma Jul 15 '15 at 10:10
up vote 0 down vote

I have created Codepen for you where you can see the value changing each time As I dont know you data format I used a demo one

HTML

<div ng-controller="AppCtrl as ctrl" class="md-padding selectdemoBasicUsage" ng-app="MyApp">
  <div>
    <h1 class="md-title">Enter an address</h1>
    <div layout="row">
      <md-input-container>
        <label>Street Name</label>
        <input type="text">
      </md-input-container>
      <md-input-container>
        <label>City</label>
        <input type="text">
      </md-input-container>
      <md-select placeholder="State" ng-model="ctrl.userState" multiple="true" ng-change='changeValue(ctrl.userState)'>
        <md-option ng-repeat="state in ctrl.states" value="{{state.abbrev}}">{{state.abbrev}}</md-option>
      </md-select>
    </div>
  </div>
</div>

Angularjs Code

      'use strict';
      angular
          .module('MyApp')
          .controller('AppCtrl', function($scope,$http) {
            this.userState = '';
            this.states = ('AL AK AZ AR CA CO CT DE FL GA HI ID IL IN IA KS KY LA ME MD MA MI MN MS ' +
                'MO MT NE NV NH NJ NM NY NC ND OH OK OR PA RI SC SD TN TX UT VT VA WA WV WI ' +
                'WY').split(' ').map(function (state) { return { abbrev: state }; });
     $scope.changeValue=function(value){
        console.log(value);
     $http.post(//url).then(function(response){
//handle response here
     });
  }    
  });

Codepen for working solution http://codepen.io/anon/pen/WvygLZ

share|improve this answer
    
ok , suppose I want to store data in webservice like-- "followers":[{"id":"123","name":"John Sina"}] so how to send them , I am trying like data :{ followers[id ]== data } but not working – Shivam Sharma Jul 15 '15 at 11:14
    
followers[0].id === data will solve your problem because object is inside array – Shubham Nigam Jul 15 '15 at 11:19
    
w3schools.com/json/tryit.asp?filename=tryjson_objectarray_4 take a look here , suppose I want to add one or more first and last name so using $http how would I store , usually I used format like data:{field_name : datasss} but as I mentioned above comment for (followers":[{"id":"123","name":"John Sina"}] ) , so for that do you have sysntax to stor data, Please let me know. – Shivam Sharma Jul 15 '15 at 11:21
    
every time store , It will run correct followers[0].id ===data ? – Shivam Sharma Jul 15 '15 at 11:22
    
You can send complete array and you can check like aangular.forEach(followers,function(follower){ if(follower.id===data){//value} }); – Shubham Nigam Jul 15 '15 at 11:25

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.