Javascript AngularJS:ngOptions不工作（包括ngModel，使用“controller as”语法）

我会保持简短

下面是我做的一些东西，希望能说明我的问题（我也希望我的Plunker工作正常…）。第一个下拉列表是我的尝试，另一个是我从另一个不再在这里工作的工作劫掠器中获取的

我就是想不出为什么这不起作用。本质上，我希望用户能够从下拉列表中选择多轮，但无论我尝试什么，我都无法让ngOptions发挥作用。我只是在下拉列表中得到“未定义”，没有其他选项出现

---

编辑：我修复了Plunker，突然ngOptions开始工作，所以现在我的问题是我不知道如何复制我的问题。我必须在这里包含我的实际代码，看看是否有人能发现错误

需要说明的是，页面上的其他所有内容都运行良好，包括ngMessages、ngAnimate、Angular UI和其他表单元素，因此我将只包括相关的HTML

HTML:

---

您需要使用正确版本的angular。您使用的是angular 2.0，它不打算以这种方式工作。谢谢你注意到这一点，我是新来的普朗克。我更新了问题的答案。

<div ng-controller="CreateController as create">
  <form name="creationForm" novalidate>
    <div>
      <select name="numberOfRounds" 
              ng-model="create.numberOfRounds" 
              ng-options="item.rounds as item.name for item in create.possibleNumbersOfRounds" 
              required>
      </select>
      <label>Number of Rounds</label>
    </div>
  </form>
</div>

angular
.module('TabIt')
.controller('CreateController', ['$state', '$scope', 'TournamentFactory', function ($state, $scope, TournamentFactory) {

    this.possibleNumbersOfRounds = [
        { "rounds": 0, "name": "Please make a selection"},
        { "rounds": 2, "name": "2 rounds" },
        { "rounds": 3, "name": "3 rounds" },
        { "rounds": 4, "name": "4 rounds" },
        { "rounds": 5, "name": "5 rounds" },
        { "rounds": 6, "name": "6 rounds" },
        { "rounds": 7, "name": "7 rounds" },
        { "rounds": 8, "name": "8 rounds" },
        { "rounds": 9, "name": "9 rounds" }
    ];

    this.numberOfRounds = this.possibleNumbersOfRounds[0].code;

}]);