angularjs의 지시문을 사용하여 드롭 다운에서 옵션을 선택하십시오.

Question

angularjs를 처음 사용하고 드롭 다운에 대한 지시자로 작동하지만 초기 값을 선택하는 데 문제가 있습니다. 나는이 지시어에 대한 속성으로 선택하는 옵션의 이드를 전달해야한다. 나는 ng-Init에서 사용하는 범위 변수에 속성 ​​값을 설정하려고합니다.

export class ChoiceGroup 
    { 
     constructor() 
     { 
      var directive: ng.IDirective = {}; 
      directive.restrict = "E"; 
      directive.replace = true; 
      directive.template = '<div><select name="cmbCG" ng-model="dataSel" ng-options="c.DisplayName for c in data"></select></div>'; 
      directive.link = function ($scope: any, element: JQuery, attributes: any) { 
       var injector = angular.element(document).injector(); 
       var key = attributes.key; 

       var cgCacheService: ChoiceGroupsCacheService; 
       seCGCacheService = injector.get('seChoiceGroupsCacheService'); 

       var values: Array<ChoiceValue>; 
       values = seCGCacheService.GetChoiceValues(key); 

       $scope.data = values; 
       if (attributes.selectedvalue) { 
        $scope.selectedvalue = values[attributes.selectedvalue]; 
       } 
      } 

      return directive; 
     } 

코드는 타이프에 있습니다

여기 내 지시 코드입니다. 내가 dataSel의 값을 하드 코딩하는 경우

<choicegroupcombo key="RecurrenceFrequency" selectedvalue="3"></choicegroupcombo> 

즉 NG-INIT = "dataSel = 3"그때는 잘 작동하지만 범위 변수로 설정하면 다음이 작동하지 않습니다 다음은 HTML입니다. 어떻게 문제를 해결할 수 있습니까?

편집 해결. 그에 따라 코드를 업데이트했습니다.

Answer 1

"over-engineering"의 고전적인 사례라고 생각합니다.

코드가 표준 선택 상자 이외의 기능을 수행하는 것으로 보이지 않습니다.

대신이 시도 :

app = angular.module('app', []) 

app.controller 'MainCtrl', ($scope) -> 
    # $scope.values = ChoiceGroupsCacheService(key) 
    $scope.values = [ 
    { id: 0, label: 'Zero' } 
    { id: 1, label: 'One' } 
    { id: 2, label: 'Two' } 
    { id: 3, label: 'Three' } 
    ] 
    $scope.number = 2 

와보기를 : 여기에

plunkr입니다 :

<select ng-model="number" ng-options="item.id as item.label for item in values"></select> 

코드 커피 스크립트에 http://plnkr.co/edit/C6qmUoJ6HjsAT69oavRg