角度，在文本框中顯示選定的選項

Question

我有一個多列表，並通過Angular JS在多個控件中顯示它們的值。 例如，我正在使用“選擇/選項（多個）”來顯示列A，並且我想基於選擇/選項使用另一個文本框來顯示列B。 這是代碼：

選擇（多個）中的A列：

<select multiple data-ng-model="selectedEmp" data-ng-options="o.emp for o in post.Emps" >
    <option value="SampleValue">Samplevalue</option>
</select>

文本框中的B列：

<input data-ng-model="selectedEmp.gender" type="text"  style="width:60px;"> </input>

問題是，當我在選擇控件中未使用“多個”時，性別值（在同一記錄中）可以顯示在文本框中，但是當使用“多個”時，文本框未顯示所選的當前記錄。

請幫助如何實現這一點。

謝謝

Answer 1

當您使用select而不使用multiple ，您將綁定到一個對象。 因此，您的selectedEmp可能類似於{"emp":1,"gender":"M"} （一個對象）。

但是，當您使用multiple選時，您將綁定到數組。 因此，您的selectedEmp可能類似於： [{"emp":1,"gender":"M"},{"emp":2,"gender":"F"}] 。 注意[] 。

因此，如果為multiple ，則還需要傳遞要綁定其值的索引。 但是在這種情況下，似乎您想從select上面為多個選定項input 。

我會用這樣的東西：

<input data-ng-model="s.gender" type="text" ng-repeat="s in selectedEmp" />