AngularJs 지시어가 템플릿 데이터를 반환하기 전에 렌더링합니다.

Question

안녕하세요 저는 AngularJs 지시문에서 테이블을 반환하고 바인딩하려고합니다.

내 각 코드는 다음과 같습니다

function directive($window, employeeDataServices) { 
    var directive = { 
     link: link, 
     restrict: 'EA', 
     renderOnFirstLoad: false, 
     template: myData() 
    }; 
    return directive; 
    function link(scope, element, attrs) { 
    } 
    function myData() { 
     angular.element(document).ready(function() { 
     employeeDataServices.getEmployees().then(function (response) { 
      var table = "<table>"; 
      table += "<tr>"; 
      table += "<th>Id</th>"; 
      table += "<th>Name</th>"; 
      table += "</tr>"; 
      angular.forEach(response, function (value, key) { 
      table += "<tr>"; 
      table += "<td>" + value.Id + "</td>"; 
      table += "<td>" + value.Name + "</td>"; 
      table += "</tr>"; 
      }); 
      table += "</table>"; 
      return table; 
     }); 
     }); 
    } 
    } 

및 HTML에 내가 AngularJS와 지시어는 HTML 바인드 후 테이블을 반환

<div directive></div> 

을 사용하고 당신에 요청하고 있기 때문에

Answer 1

백엔드 (내 생각 엔)

employeeDataServices.getEmployees() 

지시문에 템플릿 속성을 사용할 수 없습니다. 기능 구현을 위해 게시 링크 기능을 사용할 수 있습니다.

function directive($window, employeeDataServices) { 
var directive = { 
    restrict: 'EA', 
    renderOnFirstLoad: false, 
    compile: function() { 
     return { 
      post: function (scope, element, attrs) { 
       employeeDataServices.getEmployees().then(function (response) { 
        var table = "<table>"; 
        table += "<tr>"; 
        table += "<th>Id</th>"; 
        table += "<th>Name</th>"; 
        table += "</tr>"; 
        angular.forEach(response, function (value, key) { 
         table += "<tr>"; 
         table += "<td>" + value.Id + "</td>"; 
         table += "<td>" + value.Name + "</td>"; 
         table += "</tr>"; 
        }); 
        table += "</table>"; 
        element.append(table); 
       }); 
      } 
     } 
    } 
}; 
return directive; 
} 

확인하는 데 시간이 없지만 요점을 얻었습니다.