Comment définir la valeur par défaut de la boîte de sélection avec une valeur non existé dans AngularJS

Question

Peut-être que cela peut peut-être a dupliqué ou il y a un moyen de résoudre ce problème,

mais je ne pouvais pas trouver un moyen de résoudre ce problème.

Alors s'il vous plaît ne soyez pas en colère contre ma question idiote et donnez-moi des informations ou un moyen de résoudre ce problème.

S'il vous plaît voir ce violon.

Set default value of select box

Ce que je veux, quand je reçois tableau à partir http call,

comment définir la valeur par défaut de la boîte de sélection avec la valeur qui n'est pas dans le tableau. J'ai utilisé ng-init mais cela n'a pas fonctionné.

Je sais qu'il ya d'autres façons de résoudre ce en utilisant comme étiquette <options> et mettre la première valeur de l'option ou

en utilisant selected mais je veux utiliser ng-options. Peu importe ce que vous donnez est un lien, doc, ou quelque chose, ce sera une aide précieuse pour moi.

Je vais attendre vos commentaires ou vos réponses. :)

Answer 1

solution d'abord, vous pouvez ajouter une l'option tag pour la valeur par défaut

Code Html

<div ng-app="MyApp"> 
    <div ng-controller="MyCtrl"> 
     <select ng-options="opt as opt for opt in testOpt" 
       data-ng-model="resultOpt" 
       data-ng-change="checkResultOpt(resultOpt)"> 
     <option value=''>Choose Category </option> 
     </select> 

    </div> 
</div> 

code contrôleur

var MyApp = angular.module('MyApp', []) 
.controller('MyCtrl', ['$scope', function ($scope) { 
    $scope.testOpt = [ 
     'ID', 
     'Name', 
     'Email', 
     'Address' 
    ]; 
    $scope.resultOpt = ''; 
}]); 

travail code

deuxième Alors lution: vous venez d'ajouter un élément de plus dans votre liste de tableau après obtenir de http appeler

Html Code

<div ng-app="MyApp"> 
    <div ng-controller="MyCtrl"> 
     <select ng-options="opt as opt for opt in testOpt" 
       data-ng-model="resultOpt" 
       data-ng-change="checkResultOpt(resultOpt)"> 
     </select> 

    </div> 
</div> 

Code du contrôleur:

var MyApp = angular.module('MyApp', []) 
.controller('MyCtrl', ['$scope', function ($scope) { 
    $scope.testOpt = [ 
     'ID', 
     'Name', 
     'Email', 
     'Address' 
    ]; 
    $scope.testOpt.splice(0, 0, 'Choose Category'); 
    $scope.resultOpt = 'Choose Category'; 
}]); 

travail Code

espère que cela aidera