简体   繁体   English

如何从下拉列表中选择与angularjs中的ng-model等效的数据

[英]how to select the data from dropdown list that is equivalent to the ng-model in angularjs

My model is valued as timeSetting.timezone = "34" and I have a dropdown list that has this code 我的模型的值为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>

How can I automatically select in the options list the timezone that has the value equivalent to the value of my model? 如何在选项列表中自动选择与模型值等效的时区?

ng-model does what you want. 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>

Here is a plunker with an example http://plnkr.co/edit/gWboXLwnrVpmCW6GdQnW?p=preview 这是一个带有示例http://plnkr.co/edit/gWboXLwnrVpmCW6GdQnW?p=preview的插件

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM