링크 함수에서로드 된 날짜가 지시어에서 만들어진 HTML에 바인드 된 이유는 무엇입니까?

Question

반복적 인 코드에 대한 지시문을 쓰고 싶습니다. 예를 들어이 샘플에서는 attachUsageService에서 데이터를로드 한 다음 html을 생성합니다. 첫 번째 단계 서비스가 데이터를 성공적으로로드했지만이 데이터가 생성 된 html 요소에 바인딩되지 않았습니다. 버튼의 텍스트를 "테스트 [수]"그것을 클릭 한 후, 예를 들면없는 이유를 지시

app.directive('mySharedScope', ["abp.services.app.attachmentUsage", function (attachmentUsageService) { 
    return { 
     restrict: 'AE', 
     template: ' <button ng-click="open()">Test {{attachments.length}}</button><div>', 
     scope: { }, 
     link: function ($scope, $element, $attrs) { 

      var attachments = []; 

      $scope.open = function() { 

       var _objectType = 0; 
       var _objectId = $attrs.objectId; 

       if ($attrs.objectType == 'person') 
        _objectType = 1; 
       if ($attrs.objectType == 'company') 
        _objectType = 2; 

       abp.ui.setBusy(null, 
        attachmentUsageService.getObjectAttachments({ objectId: _objectId, objectType: _objectType, itemCount: 10 }).success(function (data) { 
         attachments= data.attachments; 
         alert(attachments.length); 
        })); 
      }; 
     } 
    }; 
}]); 

에 대한 코드 아래 가정 ?

Answer 1

attachments은 로컬 변수이므로 사용자가 볼 수 없습니다. var attachments = []을 $scope.attachments = []으로 변경하면보기에서 사용할 수 있어야합니다.