Inline-Bearbeitung in Angular Js

Question

Ich möchte Inline-Bearbeitung in Angular JS implementieren, aber folgender Code funktioniert nicht.

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

Der folgende Code ist nicht immer called-

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

Answer 1

Die ngInclude Richtlinie hauptsächlich Stücke von HTML-Code in Ihre Seite einbinden verwendet wird. Ich bin mir nicht sicher, ob du es wirklich brauchst.

Sie könnten vielleicht einfach tun:

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

oder diese Etiketten auf das Klassenattribut hinzufügen, wenn Sie bevorzugen:

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