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

我是新来的编码。我正在研究一些使用Angular，Typescript和Controller As的代码，而不是范围，并且找不到任何未使用$ scope.something的示例。AngularJS ng-model使用Controller As和Typescript来填充选择

我目前有一个弹出菜单，有几个选项。当选择一个选项时，它会打开一个显示空白选择输入框的滑块。我希望滑动条可以通过分配给输入框的弹出式菜单中的选择打开。

目前在我的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>

我希望把我的我的控制器内的选项来代替。我认为ng-options是如何实现这一目标的，但我感到茫然。

来源

2016-06-28 Fritz-krieg

建立在你的控制器中的一组选项，然后使用NG-通过它在你的HTML选项。这很容易，有数百个例子。只需通过在'controllerAs'中设置的名称来更改'范围'即可 – iberbeu

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

$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>

来源

2016-06-28 14:38:46

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

回答

相关问题