2016-10-12 9 views
0

Ich habe ein Problem. Die Dropdown-Liste kann nicht alphabetisch mit angular.js sortiert werden. Ich erkläre meinen Code unten.Dropdown-Listenwert kann nicht alphabetisch mit angular.js sortiert werden

<div class="input-group bmargindiv1 col-md-12"> 
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Business Name :</span> 
<select class="form-control" id="restau" ng-model="restaurant" ng-options="qua.name for qua in listOfRestaurant | orderBy:'name' track by qua.value" ng-change="getDayFromSpecial('restau');"> 
</select> 
</div> 

$scope.listOfRestaurant=[{ 
     name:'Select Business Name', 
     value:'' 
}] 
$scope.restaurant=$scope.listOfRestaurant[0]; 

$http({ 
     method:'GET', 
     url:"php/customerInfo.php?action=restaurant", 
     headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
    }).then(function successCallback(response){ 
     angular.forEach(response.data,function(obj){ 
      var data={'name':obj.rest_name,'value':obj.member_id}; 
      $scope.listOfRestaurant.push(data); 
     }) 
    },function errorCallback(response) { 
    }) 

Hier mein Problem ist, ich die Liste bestellen kann aber Select Business Name kommt in der Mitte in dieser Liste, die nur ersten und ausgewählt werden sollen. Bitte helfen Sie mir, dieses Problem zu lösen.

+0

posten Sie den JSON, den Sie laden – Sajeetharan

+0

@Sajeetharan: Alle JSON-Wert kommt aus der Datenbank.Ich aktualisiere meinen Beitrag erneut. – satya

+0

Ich nehme an, Sie fügen die Auswahl mit Ihrem '$ scope.listOfRestaurant' Array hinzu? Wenn dies der Fall ist, fügen Sie zuerst die Option "Geschäftsnamen auswählen" hinzu und fügen Sie dann den Rest –

Antwort

1

Sie so schreiben kann.

<select name="quarter" ng-model="Quarter" 
     ng-options="obj.value as obj for obj in options | orderBy:'toString()'"> 
     <option value="" >Select Business Name</option> 
</select> 

Sie in der Datenliste setzen Ihre ausgewählten Geschäftsnamen nicht.

+0

, aber ich kann diesen Wert' $ scope.Quarter.value..its werfen Fehler nicht bekommen. – satya

+0

können Sie bitte eine kleine Geige Ihres Codes erstellen? –

+0

Hallo Satya, ich habe Geige für Sie erstellt, nur zu überprüfen, hoffe, das wird Ihnen helfen. http://jsfiddle.net/upj8n47m/1/ –

0

von orderBy:'toString()' mit der Verwendung von ng-wiederholen Sie alphabetically Liste Wert sortieren können mit Angularjs

Beispiel:

<select name="quarter" ng-model="Quarter" 
     ng-options="obj.value as obj for obj in options | orderBy:'toString()'"> 

</select> 

prüfen diese jsfiddle

+0

@ p2: ich kann richtig order aber 0. Index Text kommt 2 mal. Bitte überprüfe meinen Beitrag erneut. – satya

+0

@satya: wenn Sie ein Beispiel von 'Antwort' zeigen können, das würde mir wirklich helfen –

Verwandte Themen