Make Option standardmäßig ausgewählt mit angleJS

Ich bin nicht sicher, warum ist die Option nicht standardmäßig ausgewählt, die Werte sind hart codiert und ich explizit 'ausgewählt' Attribut auf Option-Tag hinzugefügt, aber es funktioniert nicht. Ich habe auch versucht selected="selected" aber immer noch nicht funktioniert.Make Option standardmäßig ausgewählt mit angleJS

in Aussicht:

<div class="controls"> 
      <select chosen="" data-ng-model="assignments" multiple="" 
        class="span chzn-select" style="width: 150px"> 
       <option value="Police">Police</option> 
       <option selected value="Reporter">Reporter</option> 
       <option value="Developer">Developer</option> 
      </select> 
     </div>

Quelle

2016-08-05 XDProgrammer

haben Sie versuchen, mit 'ng-selected = "true"'? – plong0

Dies würde funktionieren, wenn Sie nicht das Attribut multiple haben. Um dies mit einem Multifle Select zu erreichen, müssen Sie es mit Hilfe von ng-options einrichten und dann ein Array von dem, was ausgewählt werden soll, speichern. Sehen Sie diese Geige: https://jsfiddle.net/btqLg76v/1/

JS:

var app = angular.module('MyApp', []); 

app.controller('MyController', function($scope) { 
    $scope.selectOptions = ['Police','Reporter','Developer']; 
    $scope.assignments = [$scope.selectOptions[0],$scope.selectOptions[2]]; 
    console.log($scope.assignments); 
});

HTML:

<body ng-app="MyApp"> 
    <div ng-controller="MyController"> 
    <select ng-model="assignments" ng-options="selectOptions for selectOptions in selectOptions" multiple> 
    </select> 
    </div> 
</body>

Quelle

2016-08-05 23:45:33 Ronnie

* "Sie müssen es mit ng-options einrichten" *. Nun, ich muss weitermachen und sagen: Natürlich ist es immer gut, die "ngOptions" -Richtlinie zu verwenden, aber er kann das auch, wenn er will. – developer033

Hallo danke für den Code, ich denke es ist wirklich nah, konnte es in meiner ersten Implementierung verwenden. Aber wie wäre es, wenn es einen asynchronen Vorgang wie das Anfordern von einer API unter Verwendung von "http.get" und in "then" gibt, dann setze ich die ausgewählten Optionen '$ scope.assignments = // was auch immer die Anfrage zurückgibt '. – XDProgrammer

Make Option standardmäßig ausgewählt mit angleJS

Antwort

Verwandte Themen