angularJP'de anonim kimlik ekleme işleminin bir listesini yapın

Giriş, İş giriş bilgilerini girme listesi yapmak istiyorum. Bu girdilerle birlikte bir formdur. SAVE butonu tıklandığında İsim ve Çalışmanın yapılması, listeye eklenecektir. ve onları görüntüleyin. Ama ben de her defasında kimlik eklemek istiyorum. Bunu nasıl yapabilirim? Burada angularJP'de anonim kimlik ekleme işleminin bir listesini yapın

benim plunker geçerli: https://plnkr.co/edit/VDYYrxk8Bz5KIoI0HFV4?p=preview

HTML:

<body ng-controller='MyController'> 

    <!-- <button ng-click='toggleForm()'>Upload</button> --> 

    <div> 
     <table class='table'> 
      <tr> 
       <th>Title</th> 
       <th>Work</th> 
      </tr> 
      <tr ng-repeat='info in infos'> 
       <td>{{info.name}}</td> 
       <td>{{info.work}}</td> 
      </tr> 
     </table> 
    </div> 
    <form class='form'> 
     <div class='form-group'> 
      <label>Name</label> 
      <input class='form-control' type="text" ng-model='info.name'> 
     </div> 
     <div class='form-group'> 
      <label>Work</label> 
      <input class='form-control' type="text" ng-model='info.work'> 
     </div> 
     <div class='form-group'> 
      <button class='btn btn-primary' ng-click='addInfos()'>Save</button> 
     </div> 
    </form> 
    </body>

komut ::

başlayanlar için

angular 
.module('app') 
.controller('MyController', function($scope){ 

    // $scope.displayForm = false; 
    // $scope.toggleForm = function(){ 
    //  $scope.displayForm = !$scope.displayForm; 
    // }; 
    $scope.infos = []; 
    // var currIndex = 0; 
    $scope.addInfos = function() { 
     $scope.infos.push({ 
      name: '', 
      work: '' 
      // id: currIndex++ 
     }); 
     // $scope.infos.push(obj.info); 

    }; 
})

kaynak

2016-04-06 Mislam

, senin plunkr Açısal 2 kütüphanede getirerek, ancak edilir Angular 1 uygulaması oluşturuyorsunuz. Oradan başlarım. – Antiga

$scope.addInfos = function() { 
     $scope.infos.push({ 
      name: $scope.info.name, 
      work: $scope.info.work, 
      id: $scope.infos.length + 1 // assuming you want ids to start with 1 
     }); 
     $scope.info = {}; // to clear the form fields once an input is pushed to the array 
    };

kaynak

2016-04-06 18:21:08 war1oc

çok teşekkür ederim – Mislam

angularJP'de anonim kimlik ekleme işleminin bir listesini yapın

cevap

İlgili konular