2016-08-25 172 views
0

HTML代碼中的所選項目我想採用了棱角分明

<div ng-controller="DropdownCtrl as vm"> 
    <select name="singleSelect" ng-model="data.model" 
    ng-change="vm.userSelect(data.model)" 
    ng-click="vm.loadTenantList()"> 
    <option ng-repeat="tenant in vm.tenants" >{{tenant.name}}</option> 
    </select><br> 
</div> 

js代碼

$lmsapp.controller('DropdownCtrl',['tenantServices','dialogService',function (tenantServices,dialogService,$log){ 
var vm = this; 
vm.tenants=[]; 

vm.loadTenantList=function(){ 
    tenantServices.tenantList({},function(response){ 
     vm.tenants=response.dataList; 
    }); 
}; 

vm.data = { 
    availableOptions: [ 
     vm.loadTenantList() 
     ] 
    }; 
}]); 

我怎樣才能得到所選擇的元素?

回答

-1

而是使用NG選項:

<div ng-controller="DropdownCtrl as vm"> 
     <select name="singleSelect" ng-model="vm.selectedTenant" ng-init="vm.loadTenantList()" 
ng-options="tenant as tenant.name for tenant in vm.tenants "> 
     </select> 
    </div> 

vm.selectedTenant會給你挑選的商戶。

+0

我應該怎麼做在控制器 –

+0

沒有必要做任何事情在控制器可能是你可以initlize vm.selectedTenant = {},但這不會有任何區別。 – Ruhul

+0

,我怎樣才能使它作爲默認參數使用$ http –

0

,你可以得到這樣保持ID在選擇選項標籤像下面

<select name="singleSelect" ng-model="data.model" 
    ng-change="vm.userSelect(data.model)" 
    ng-click="vm.loadTenantList()" id="TenaList"> 
    <option ng-repeat="tenant in vm.tenants" >{{tenant.name}}</option> 
</select> 

在腳本

var e = document.getElementById("TenaList"); 
var selected_value = e.options[e.selectedIndex].value; 
0

使用本

<div ng-controller="DropdownCtrl as vm"> 
    <select name="singleSelect" ng-model="vm.data" 
     ng-click="vm.loadTenantList()"> 
    <option ng-repeat="tenant in vm.tenants" >{{tenant.name}}</option> 
    </select><br> 
</div> 

那麼你就可以得到選用物品使用vm.data