如何在Angular Js中显示列表中的选定值?

时间:2017-03-06 20:35:18

标签: javascript angularjs selecteditem

我是Angular.Js的新手。如果我有一个下拉菜单,它正在从下拉列表中选择所选数据。我能够这样做,但它没有为该下拉列表带来选定的值。我需要设置什么属性,所以每当我到达该页面时,它都会在下拉列表中显示所选值。

以下是我的代码的一部分:

 <select class='form-control' id="CreateRouteType"
  ng-options="createRoute.Name for createRoute in   vm.CreateRouteList"
 ng-model="vm.ProcessDataSettings.CreateRouteTypeId" >
 <option value="vm.ProcessDataSettings.CreateRouteTypeId" selected></option>
                        </select>

我需要做什么才能在下拉列表中显示所选值?

2 个答案:

答案 0 :(得分:0)

如果我错了,请纠正我。你在问什么时候改变选项,内存中的价值是什么?

看起来你有ng-model =&#34; vm.ProcessDataSettings.CreateRouteTypeId&#34;。我确定所选的值在vm.ProcessDataSettings.CreateRouteTypeId?

答案 1 :(得分:0)

看看这个问题:AngularJS How do I pre select the value of a dropdown when the value is retrieved from a webservice?

<select class='form-control' id="CreateRouteType"
ng-options="createRoute.Name for createRoute in   vm.CreateRouteList"
 ng-model="vm.ProcessDataSettings.CreateRouteTypeId" >
                        </select>

基本上,在控制器初始化函数中,您应该将select标记中的ng-model值设置为您想要预选的值。所以像这样:

$ scope.vm.ProcessDataSettings.CreateRouteTypeId =您要预先选择的对象;