如何让其他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中的选定下拉选项文本？

回答

相关问题