ng-model per l'elenco di selezione dello stato [chiuso]

Question

ng-model per l'elenco di selezione dello stato [chiuso]

Naviga le tue risposte

#1 da (0 voti)

3

Sono il principiante di AngularJs. Trovare difficile capire il concetto di ng-model.

Ho un controller con $scope.statusPickList=["Planning" "Execution" "Closed"];

Come questo deve essere usato nel template (file html) nel < Seleziona > affermazione? Qualcuno può aiutarmi a capire?

Sto provando il di sotto < Seleziona > dichiarazione ma non ottiene le voci dell'elenco di selezione.

< Select type="text" class="form-control" ng-model="statusPickList" 
        ng-options="val as val for val in statusPickList">
 < /select>

angularjs

posta Usha 14.12.2015 - 02:30

fonte

1 risposta

Leggi altre domande sui tag angularjs

Revisione di progetto di un piccolo quadro di configurazione [chiuso] Best practice per dashboard di analisi quasi in tempo reale

score 0 · Answer 1

Il tuo ng-model non dovrebbe essere uguale al tuo select origine dati ( statusPickList ). Rappresenta il valore selezionato, non la fonte. Inoltre, la tua selezione di HTML e JavaScript non è valida come elencata. Ecco un esempio minimale modificato usando il tuo codice:

<!-- HTML -->
<div ng-app="app">
  <div ng-controller="ctrl">
    <select ng-model="selectedItem" ng-options="val for val in statusPickList">
    </select>
    <div>
      selectedItem = {{selectedItem}}
    </div>
  </div>
</div>

// JavaScript
angular.module('app', [])
.controller('ctrl', function($scope) {
    $scope.statusPickList = ["Planning", "Execution", "Closed"];
    $scope.selectedItem = "[not selected]";
});

Esecuzione live: link

Nel mio esempio, selectedItem è semplicemente un valore stringa su $scope che memorizza tutto ciò che è selezionato in select .

Maggiori dettagli nella documentazione Angular: Utilizzare seleziona con ngOptions e impostare un valore predefinito .