Javascript 使用json选择一个下拉值

我需要使用json选择一个下拉值。我可以轻松地将数据拉入文本输入，但如何选择下拉值

拉入json：

app.controller('MainCtrl', function ($scope, $http, $log) {

  // bind json data to form
  $http.get('static.json').
    success(function(data, status, headers, config) {
      $scope.data = data;
  }).
  error(function(data, status, headers, config) {
    // log error
  });

});

将json数据放入我们的表单中：

<h4>Select value 2 using json data</h4>

<select data-ng-model="data.myDropdown.value">
  <option value="">Select a value</option>
  <option value="1">Value 1</option>
  <option value="2">Value 2</option>
</select>


<hr />

<h4>I can pull in json data into text inputs but not dropdowns.</h4>

<p><input type="text" name="textData" data-ng-model="data.textData"></p>

将您的模型更改为：

<select data-ng-model="data.myDropdown">

以及以下各项的价值：

<option value="value 2">Value 2</option>

值2

---

工作模式：

首先，

data ng model=“data.myDropdown.value”

中的

值是不必要的
data.myDropdown
已经是一个字符串，因此它的
.value
将为您提供
未定义的

其次，
由值匹配，而不是由文本匹配。因此，您可以将JSON值更改为
2
，或者将选项的值更改为
value 2

<option value="value 2">Value 2</option>