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來填充選擇

回答

相關問題