Angular Js의 인라인 편집

Question

Angular JS에서 인라인 편집을 구현하려고하지만 다음 코드가 작동하지 않습니다.

<tr ng-repeat="employee in employees" ng-include="getTemplate(employee)"> 
        <script type="text/ng-template" id="display"> 
        <td>{{employee.Name}}</td> 
        <td ng-bind="employee.Age"></td> 
        <td ng-bind="employee.City"></td> 
        <td><a href="#" ng-click="EditEmployee(employee.EmpId)">Edit</a> </td> 
        <td><a href="#" ng-click="DeleteEmployee(employee.EmpId)">Delete</a> </td> 
</script> 


        <script type="text/ng-template" id="edit"> 
    <td><input type="hidden" ng-model="newemployee.EmpId" class="form-control input-sm"/></td> 
    <td><input type="text" ng-model="newemployee.Name" class="form-control input-sm"/></td> 
    <td><input type="text" ng-model="newemployee.Age" class="form-control input-sm"/></td> 
    <td><input type="text" ng-model="newemployee.City" class="form-control input-sm"/></td> 
    <td> 
    <button type="button" class="btn btn-primary" ng-click="updateEmployee(employee)">Save</button> 
    <button type="button" class="btn btn-danger" ng-click="reset()">Cancel</button> 
    </td> 
        </script> 
       </tr> 

다음 코드는 ngInclude 지시어는 주로 귀하의 페이지에 HTML의 덩어리를 포함하는 데 사용됩니다

$scope.employees = []; 
$scope.getTemplate = function (employee) { 
     if (employee.empId === $scope.selected.empId){ 
      return 'edit'; 
     } 
     else return 'display'; 
    }; 

Answer 1

called- 받고 있지 않습니다. 나는 당신이 정말로 그것을 여기에서 필요로하는지 확신하지 못한다.

당신은 어쩌면 간단하게 할 수있는 :

<tr ng-repeat="employee in employees" {{getTemplate(employee)}}"> 

또는 클래스 속성에이 레이블을 추가 당신이 선호하는 경우 :

<tr ng-repeat="employee in employees" class="{{getTemplate(employee)}}">