AngularJS ng-model en utilisant Controller As et Typescript pour peupler la sélection

Question

Je suis nouveau au codage. Je travaille sur du code qui utilise Angular, Typescript et Controller As au lieu de scope et ne trouve aucun exemple qui n'utilise pas $ scope.something. J'ai actuellement un menu popover avec plusieurs options.

Lorsqu'une option est sélectionnée, elle ouvre un curseur qui affiche la zone de saisie de sélection vide. Je veux que le curseur s'ouvre avec la sélection du menu contextuel assigné à la boîte de saisie.

Actuellement dans mon HTML j'ai:

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

Je veux placer mes options à l'intérieur de mon contrôleur à la place. Je pense que ng-options est la façon d'accomplir cela, mais je suis à perte.

Answer 1

Essayez d'utiliser la directive ng-options, dans votre controller:

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

Et HTML:

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