獲取僅在<選擇多個>

Question

我只想獲取名稱列表中的選中名稱。這裏是我的代碼模型：

<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>

我想要得到的選題，部門和用戶。我目前使用：console.log（$ scope.topics + $ scope.departments + $ scope.users），但它返回的一切。我只想返回選定的項目。

任何人都可以幫我嗎？

Answer 1

你要打印NG的模型，而不是數組：

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

希望它可以幫助=）

Answer 2

使用在表單中的模型中的一個對象，然後你把所有的用戶輸入在一個對象，它可以很方便地發送到服務器或重置形式

$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='...'> 

看到這個工作把你的觀點如下暫時

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