動態添加/刪除下拉列angularjs

Question

如果我點擊刪除列必須從表中刪除，也未在表中列出的列必須在加列

想刪除列會有其他列名添加列並保存按鈕。

Answer 1

看一看的plunkr。您可以添加或刪除控制器內維護的陣列中的列以更新您的表。

https://plnkr.co/edit/w90MlA?p=preview

HTML -

<div ng-app="demoApp" ng-controller="demoCtrl"> 

    <table border="1"> 
     <thead> 
     <tr> 
      <th ng-repeat="col in cols">{{col}}</th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr ng-repeat="row in rows"> 
      <td ng-repeat="col in cols"> 
      {{row[col]}} 
      </td> 
     </tr> 
     </tbody> 
    </table> 
</div> 

JS -

// Code goes here 

var demoApp = angular.module("demoApp", []); 

demoApp.controller("demoCtrl", ['$scope', function($scope){ 
    $scope.cols = ['A', 'B', 'C']; 
    $scope.rows = [ 
    { 
    'A': "1", 
    'B': "2", 
    'C': "3", 
    'D': "4" 
    }, 
    { 
    'A': "5", 
    'B': "6", 
    'C': "7", 
    'D': "8" 
    }, 
    { 
    'A': "11", 
    'B': "21", 
    'C': "31", 
    'D': "41" 
    } 
    ] 
}]); 

希望這有助於。