javascript - 使用 json 选择下拉值

Question

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

http://plnkr.co/edit/R5RNruDNUydSJufVRIVh

拉入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>

json:

{
  "textData":"Example text data",
  "myDropdown":"value 2"
}

Answer 1

将模型更改为:

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

其值是:

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

工作中:http://plnkr.co/edit/zQR77KalooP1gUXRILV0