Nur aktiviert in <Mehrere auswählen>

Question

Ich versuche nur die überprüften Namen in einer Liste von Namen zu erhalten. Hier ist mein Code Modell:

<select ng-model="selectTopic" ng-change="changedTopic(selectTopic)" ng-options="option as option for option in topics">> 
 
    <option value="" disabled>Select a Subject</option> 
 
</select> 
 

 
<select ng-model="selectDept" ng-change="changedDepartment(selectDept)" ng-options="option as option for option in department"> 
 
    <option value="" disabled>Select a Department</option> 
 
</select> 
 
\t \t \t \t 
 
<select ng-model="selectUser" ng-options="option as option for option in users" multiple="multiple"> 
 
\t <option value="" disabled>Select a User</option> 
 
</select>

Ich möchte die ausgewählten Thema, Abteilung zu bekommen, und Benutzer. Ich verwende derzeit: console.log ($ scope.topics + $ scope.departments + $ scope.users) aber es gibt alles zurück. Ich möchte nur die ausgewählten Artikel zurückgeben.

Kann mir jemand helfen?

Answer 1

Sie haben die ng-Modelle zu drucken, nicht die Arrays:

console.log($scope.selectTopic); 
console.log($scope.selectDept); 
console.log($scope.selectUser); 

Hope it =)

Answer 2

Verwendung ein Objekt für das Modell in der Form hilft, dann haben Sie alle Benutzereingaben dass ein Objekt, das es einfach zu senden an den Server oder zurücksetzen Form arbeiten, um die folgenden Ihrer Ansicht nach stellen diese

$scope.userInput={} 

<select ng-model="userInput.selectTopic" ng-change="changedTopic(userInput.selectTopic)" ng-options='...'> 
<select ng-model="userInput.selectDept" ng-change="changedDepartment(userInput.selectDept)" ng-options='...'> 

zu sehen macht vorübergehend

<pre>{{userInput|json}}</pre>