如何在 Angular Js 中显示列表中的选定值？答案

【问题标题】：How to show the selected value from the list in Angular Js?如何在 Angular Js 中显示列表中的选定值？
【发布时间】：2017-03-06 20:35:17
【问题描述】：

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

我需要怎么做才能在下拉列表中显示选定的值？

【问题讨论】：

标签： javascript angularjs selecteditem

【解决方案1】：

如果我错了，请纠正我。你是在问当你改变选项时，内存中的值是多少？

看起来你有 ng-model="vm.ProcessDataSettings.CreateRouteTypeId"。我确定所选值在 vm.ProcessDataSettings.CreateRouteTypeId 中？

【讨论】：

所以当我从 CreateRouteList 中选择一个值时，它被选中，但是当我保存它时，它不再被选中，数据库在哪里我有选定的值存储，所以我的问题基本上是你如何将选定的值带回 Angular 中的下拉菜单？
我现在看到你的问题了。你在问状态保存在哪里。实际上在Javascript中，一切都没有保存。您需要将它们移动到一些存储解决方案中，例如本地存储、cookie 甚至数据库。当您的应用（页面）正在加载时再次检索它。

【解决方案2】：

看这个问题：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>

本质上，在您的控制器初始化函数中，您应该将选择标签中的 ng-model 的值设置为您想要预选的值。所以是这样的：

$scope.vm.ProcessDataSettings.CreateRouteTypeId = 你想被预选的对象；

【讨论】：