AngularJS ng-model с использованием Controller As и Typcript для заполнения выбора

Question

Я новичок в кодировании. Я работаю над некоторым кодом, который использует Angular, Typcript и Controller As вместо области видимости и не может найти примеры, которые не используют $ scope.something.

В настоящее время у меня есть меню с несколькими вариантами. Когда выбран один параметр, открывается ползунок, который показывает пустое поле ввода выбора. Я хочу, чтобы ползунок был открыт с выбором из меню popover, назначенного в поле ввода.

В настоящее время в моем 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 - это как это сделать, но я в недоумении.

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>