Controller AsとTypescriptを使用して選択を行うAngularJSng-model

Question

コーディングが新しくなりました。私は、スコープの代わりにAngular、Typescript、Controller Asを使ういくつかのコードに取り組んでおり、$ scope.somethingを使用していないサンプルを見つけることはできません。

私は現在、いくつかのオプションを備えたポップオーバーメニューを持っています。 1つのオプションを選択すると、空の選択入力ボックスを示すスライダが開きます。スライダを、入力ボックスに割り当てられたポップオーバーメニューから選択して開きます。

は、現在、私の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>