如何在其他div中获取选定的下拉选项文本？

Question

如何在其他div中获取选定的值文本？

 <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>

====在其他div ====

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

Answer 1

根据您当前的实现，您将在model.Gender中保留字符串值，以便您可以使用条件运算符。

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