Ajout d'une option par défaut lors de l'utilisation de ng-options dans Angularjs

Je dispose d'une liste déroulante pour laquelle j'utilise le ng-options pour charger les valeurs du modèle renseigné par le contrôleur. Maintenant, je dois avoir une option de plus qui est <option value='any'>any</option> qui devrait être là comme l'option sélectionnée par défaut. Comment faire cela de manière angulaire?Ajout d'une option par défaut lors de l'utilisation de ng-options dans Angularjs

<body ng-controller="myController"> 
    <h1>States in India!</h1> 
    <select ng-options="state for state in states" ng-model="selectedState">  </select> 
</body>

lien Plnkr attaché - Plnkr link

Source

2016-01-08 zilcuanu

Vous pouvez simplement ajouter un élément de plus dans le tableau et assing à scope.selected $. Plunkr.

$scope.selectedState = "Select"; 
$scope.states=["Select","Karnataka", "Tamilnadu", "Andra-Pradesh", "Rajasthan"]

Source

2016-01-08 05:44:01

écriture tag option dans la balise select comme

<body ng-controller="myController"> 
    <h1>States in India!</h1> 
    <select ng-options="state as state for state in states" ng-model="selectedState"> 
     <option value=''>any</option> 
    </select> 
    </body> 


angular.module("myApp", []). 

    controller("myController", function($scope){ 
     $scope.states=["Karnataka", "Tamilnadu", "Andra-Pradesh", "Rajasthan"] 
    })

J'ai couru dans plunker son travail s'il vous plaît essayer ce

Source

2016-01-08 05:44:26

cela ne fonctionne pas – PrinceG

son fonctionnement je l'utilise également –

' ' –

@Pradeep, utilisez

<select ng-options="state for state in states" ng-model="selectedState"> 
     <option value="">-- choose state --</option> 
    </select>

plunkr link

Source

2016-01-08 05:51:33 rroxysam

Ajout d'une option par défaut lors de l'utilisation de ng-options dans Angularjs

Répondre

Questions connexes