AngularJS ng-model 使用 Controller As 和 Typescript 来填充选择

Question

我是编码新手。我正在处理一些使用 Angular、Typescript 和 Controller As 而不是范围的代码，但找不到任何不使用 $scope.something 的示例。

我目前有一个带有多个选项的弹出菜单。选择一个选项后，它会打开一个 slider ，其中显示空的选择输入框。我希望 slider 通过分配给输入框的弹出菜单中的选择打开。

目前在我的 HTML 中有:

<select name="entryTypes" ng-model="vm.entry.type">
    <option value="option1">Option One</option>
    <option value="option2">Option Two</option>
    <option value="option3">Option 3</option>
</select>

我想将我的选项放在我的 Controller 中。我认为 ng-options 是如何实现这一目标的，但我不知所措。

Answer 1

尝试使用 ng-options 指令， 在你的 controller 中:

$scope.items = [{
  id: 1,
  label: 'Option One',
  subItem: { name: 'aSubItem' }
}, {
  id: 2,
  label: 'Option Two',
  subItem: { name: 'bSubItem' }
}];

和 HTML:

<select ng-options="item as item.label for item in items track by item.id" ng-model="selected"></select>