javascript - 选择框从 Angular 模型中选择项目

Question

给定 Controller 中的代码:

  $scope.selectedParam = 95
  $scope.param = {
    value: {
      95: "John",
      193: "Doe",
    }
  }

还有这样一个模板

  <select 
      ng-model="selectedParam"                 
      ng-options="key as value for (key, value) in param.value track by key">
</select>

如何从模型中选择项目？

这是关于 jsfiddle that is not working 的例子这是 one that work .

为什么第一个例子不起作用。有什么方法可以让它发挥作用吗？我需要数字作为选项对象的键，而不是值。否则我需要在我的应用程序中重构大量代码。

Answer 1

避免使用整数作为 JSON 键，JSON 规定所有键必须是字符串。然后，如果您删除轨道，您可以看到它再次工作。HTML:

<select 
   ng-model="selectedParam"                 
   ng-options="key as value for (key, value) in param.value"></select>

Javascript:

$scope.selectedParam = "95"
  $scope.param = {
    value: {
    "95": "John",
    "193": "Doe",
  }
}

http://jsfiddle.net/bfryxsxo/