2016-08-25 59 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