2017-08-02 113 views
0

有人建議我,我哪裏出錯了?我還需要一些關於我用於編輯和刪除的腳本的解釋,因爲我只是提到了一些材料,並且沒有理解就使用了這些代碼。解釋這個?刪除功能不能在角度JS

代碼:

 <table border="1"> 
      <tr> 
       <td>ID</td> 
       <td>Name</td> 
       <td>Salary</td> 
      </tr> 
      <tr ng-repeat="faculty in facultymembers"> 
       <td><span ng-hide="editmode">{{faculty.id}}</span><input 
        type="text" ng-show="editmode" ng-model="faculty.id"></td> 
       <td><span ng-hide="editmode">{{faculty.name}}</span><input 
        type="text" ng-show="editmode" ng-model="faculty.name"></td> 
       <td><span ng-hide="editmode">{{faculty.salary}}</span><input 
        type="text" ng-show="editmode" ng-model="faculty.salary"></td> 
       <td><button ng-hide="editmode" 
         ng-click="editmode=true;editfaculty(faculty)">EDIT</button> 
        <button ng-show="editmode" ng-click="editmode=false">DONE</button></td> 
       <td><button ng-click="removefaculty($index)">REMOVE</button></td> 
      </tr> 
     </table> 

    </div> 

    <script> 
     var app = angular.module("myapp", []); 
     app.controller("mycont", function($scope) { 
      $scope.facultymembers = []; 
      $scope.addfaculty = function(faculty) { 
       $scope.facultymembers.push(faculty); 
       $scope.faculty = {}; 

      }; 
      $scope.editfaculty = function(index) { 
       $scope.editing = $scope.facultymembers.Indexof(index) 
      }; 
      $scope.removefaculty = function(index) { 
       console.log(index); 
       $scope.facultymembers.splice(index, 1); 
      } 
     }); 
    </script> 

</body> 
</html> 
+1

'Indexof'應該由'indexOf'所取代。 – 31piy

回答

0

我想你錯過軌道由$指數: -

var app = angular.module("myApp", []); 
 
app.controller("myCtrl", function($scope) { 
 
    
 
    $scope.facultymembers = [{ 
 
     'id': 1, 
 
     'name': 'Test', 
 
     'salary': 2000 
 
     }]; 
 
     $scope.addfaculty = function(faculty) { 
 
     $scope.facultymembers.push(faculty); 
 
     $scope.faculty = {}; 
 

 
     }; 
 
     $scope.editfaculty = function(index) { 
 
     $scope.editing = $scope.facultymembers.Indexof(index) 
 
     }; 
 
     $scope.removefaculty = function(index) { 
 
     console.log(index); 
 
     $scope.facultymembers.splice(index, 1); 
 
     } 
 
});
<!DOCTYPE html> 
 
<html> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
 
<body> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    
 
<table border="1" class="table"> 
 
      <tr> 
 
      <td>ID</td> 
 
      <td>Name</td> 
 
      <td>Salary</td> 
 
      </tr> 
 
      <tr ng-repeat="faculty in facultymembers track by $index"> 
 
      <td><span ng-hide="editmode">{{faculty.id}}</span><input type="text" ng-show="editmode" ng-model="faculty.id"></td> 
 
      <td><span ng-hide="editmode">{{faculty.name}}</span><input type="text" ng-show="editmode" ng-model="faculty.name"></td> 
 
      <td><span ng-hide="editmode">{{faculty.salary}}</span><input type="text" ng-show="editmode" ng-model="faculty.salary"></td> 
 
      <td><button ng-hide="editmode" ng-click="editmode=true;editfaculty($index)">EDIT</button> 
 
       <button ng-show="editmode" ng-click="editmode=false">DONE</button></td> 
 
      <td><button ng-click="removefaculty($index)">REMOVE</button></td> 
 
      </tr> 
 
     </table> 
 
</div>

+1

請解釋downvote,snippet正在工作 –

+0

謝謝老兄... – Pravin

+0

@Pravin不客氣 –