html - 如何在 AngularJS 中使用 ng-options 和 ng-init

Question

我有如下格式的对象。如何在下拉列表中显示所有 ProjectID 并且用户可以选择任何一个值？请给我一个例子。

[
  {
    "ProjectManagerID": 4,
    "ProjectID": 4,
    "ResourceID": 4,
    "Deleted": false
  },
  {
    "ProjectManagerID": 5,
    "ProjectID": 8,
    "ResourceID": 5,
    "Deleted": false
  },
  {
    "ProjectManagerID": 6,
    "ProjectID": 9,
    "ResourceID": 6,
    "Deleted": false
  },

Answer 1

angular.module("myApp", [])
  .controller("myController", ['$scope',
    function($scope) {
      $scope.options = [{
        id: 1,
        name: "Value to show user"
      }, {
        id: 2,
        name: "some other value"
      }];

      $scope.optionValue = '';
    }
  ])

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp">
  <div ng-controller="myController">
    <select ng-model="optionValue" ng-options="opt.id as opt.name for opt in options">
      <option value="">Please select a value</option>
    </select>
  </div>

</div>