2014-10-21 87 views
0

無法弄清楚如何使用此選擇框來綁定對象的屬性。 plunker如何將屬性與選擇框選擇的輸入字段綁定

<select ng-model="currentEmployee.FirstName" ng-options="employee.EmployeeId as employee.FirstName for employee in employees" ng-change="change(employee)"> 
    <option value="">-- Select Employee</option> 
</select> 
<input type="text" ng-model="currentEmployee.LastName" /> 


$scope.change = function(employee) { 
    $scope.currentEmployee.FirstName = employee.FirstName; 
    $scope.currentEmployee.LastName = employee.LastName; 
}; 

回答

2

對於這種情況,使用ng-change你不需要。

ng-model設置爲實際員工對象並將其綁定到$scope.currentEmployee

<select ng-model="currentEmployee" 
     ng-options="employee.FirstName for employee in employees"> 
    <option value="">-- Select Employee</option> 
</select> 

然後,您可以綁定到currentEmployee<input>

<input type="text" ng-model="currentEmployee.LastName" /> 

哦,如果你想你 「 - 選擇僱員」 第一齣現,在控制器設置$scope.currentEmployee = "";

這是您的修改plunker