如何从下拉列表中选择与angularjs中的ng模型等价的数据

Question

我的模型值为timeSetting.timezone = "34“，我有一个下拉列表，其中包含以下代码

 <select class="select len_lg" value={{timeSetting.timezone}} >
     <option value="1">(GMT-12:00) International Data Line West;  </option>
    <option value="2">(GMT-11:00) UTC-11;  </option>
    <option value="3">(GMT-11:00) Samoa;</option>
    <option value="4">(GMT-10:00) Hawaii;</option>
    <option value="5">(GMT-09:00) Alaska; </option>
    <option value="6">(GMT-08:00) Baja California;</option>
    .
    .
    .
    <option value="34">(GMT-08:00) Pacific Time (US &amp; Canada);    </option>

如何在选项列表中自动选择与模型值相等的时区？

Answer 1

ng-model做你想做的事。

<select class="select len_lg"  ng-model="timeSetting.timezone">
    <option value="1">(GMT-12:00) International Data Line West; </option>
    <option value="2">(GMT-11:00) UTC-11; </option>
    <option value="3">(GMT-11:00) Samoa;</option>
    <option value="4">(GMT-10:00) Hawaii;</option>
    <option value="5">(GMT-09:00) Alaska; </option>
    <option value="6">(GMT-08:00) Baja California;</option>
    <option value="34">(GMT-08:00) Pacific Time (US &amp; Canada);</option>
</select>

下面是一个带有示例http://plnkr.co/edit/gWboXLwnrVpmCW6GdQnW?p=preview的柱塞