如何讓其他div中的選定下拉選項文本？

-1

<div ng-controller="Ctrl"> 
    <select name="Gender" class="form-control" tabIndex="21" ng-model="model.Gender"> 
     <option Value="-1">-Gender-</option> 
     <option label="male" Value="M">Male</option> 
     <option label="female" Value="F">Female</option> 
    </select> 
    <p>Value: {{model.Gender}}</p> 
    <p>text: {{model.Gender.label}}</p> 
</div>

====在其他分區====

<tr> 
    <td colspan="2">Gender: {{model.Gender}}</td> 
</tr>

來源

2016-12-13 Jaimin Dave

你能分享一下你到目前爲止所嘗試過的嗎 – guradio

{{model.Gender}}給我選定的選項值。即M或F和{{model.Gender.label}}給我留白。 –

根據你當前的實現，你堅持在model.Gender一個字符串值，因此您可以使用條件運算符。

<td colspan="2">Gender: {{model.Gender == 'M' ? 'male' : 'female'}}</td>

來源

2016-12-13 06:47:24 Satpal

那麼如果我有更多的選項，會發生什麼。說10？我必須爲此寫更多的條件。有沒有其他方法？ –

@JaiminDave，然後我建議你創建一個對象數組並使用'ngOptions'指令 – Satpal

@JaiminDave，這裏是一個例子http://jsfiddle.net/satpalsingh/pzscka0x/你可以進一步探索https：// docs.angularjs.org/api/ng/directive/ngOptions – Satpal

如何讓其他div中的選定下拉選項文本？

回答

相關問題