컨트롤러 As 및 Typescript를 사용하여 선택을 채우기 각도 조정

Question

코딩에 익숙하지 않습니다. Angular, Typescript 및 Controller를 범위 대신 사용하는 일부 코드에서 작업 중이며 $ scope.something을 사용하지 않는 예제는 찾을 수 없습니다.

현재 몇 가지 옵션이있는 팝업 메뉴가 있습니다. 하나의 옵션을 선택하면 빈 선택 입력 상자가 표시된 슬라이더가 열립니다. 입력 상자에 지정된 팝업 메뉴의 선택 항목으로 슬라이더를 열었 으면합니다.

현재 내 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

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