AngularJS-默认下拉选择选项

AngularJS-默认下拉选择选项,angularjs,drop-down-menu,selectedvalue,angular-ngmodel,Angularjs,Drop Down Menu,Selectedvalue,Angular Ngmodel,这一问题困扰着我,因为它似乎很容易解决 我使用的是纯HTML,但数据通过angular传递到下一个视图 代码片段如下所示: <span data-ng-show="isCountry()"> <select class="selectpicker" data-ng-model="age"> <option value="21">21-24</option> <option value="25">25-30</o

这一问题困扰着我,因为它似乎很容易解决

我使用的是纯HTML,但数据通过angular传递到下一个视图

代码片段如下所示:

<span data-ng-show="isCountry()">
  <select class="selectpicker" data-ng-model="age">
    <option value="21">21-24</option>
    <option value="25">25-30</option>
    <option value="31">31 and up</option>
  </select>
</span>

21-24
25-30
31岁及以上
我正在努力实现的目标: 当角度负载时,将
25-30
作为默认选择选项

我所尝试的:

  • 具有
    25-30
    ng selected=“age”
    属性

    
    21-24
    25-30
    31岁及以上
    

  • 具有
    25-30
    selected=“selected”
    属性

    
    21-24
    25-30
    31岁及以上
    

  • 即使尝试
    25-30
    也会先显示

    
    25-30
    21-24
    31岁及以上
    

  • 选项2和3确实显示了我首先想要的
    值,但它不会传递到下一个
    视图

    如果可能的话,我不喜欢接触太多角度的代码,因为主要的开发人员是临时的

    任何帮助都将不胜感激


    谢谢

    这里有一个问题,不要使用'age'作为模型,而是尝试使用'user.age'之类的东西,并像这样给它赋值

    var user = {}; user.age = 25;
    <select class="selectpicker" data-ng-model="user.age">
    
    var user={};用户年龄=25岁;
    

    在下一个视图中它不起作用的原因是,当您重新为其分配新值时,“年龄”已完全消失。角度监视器更改为变量引用,因为变量“年龄”已消失,它不知道何时更新视图。使用“user.age”作为模型,angular正在观察“user”的更改,如果您更改了年龄,angular将为您更新视图。

    显然,在深入挖掘代码之后,
    年龄已经通过js函数设置了

    a.defaultAge = {
      Country: "25"
    }
    
    谢谢你的帮助David-你的评论是一个
    好消息
    供将来参考