テーブルからデータを読み込んで配列を作成して投稿するにはどうすればいいですか？

-1

データを取得して表に表示し、「可用性」を変更して、オブジェクトの配列を形成してサーバーに再度ポストしたいとします。今私はそれをやっているように私はデータを取得することができますが、それは変更で来ていません。テーブルからデータを読み込んで配列を作成して投稿するにはどうすればいいですか？

<!DOCTYPE html> 
<html> 

    <head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
    </head> 


    <body ng-app="valueExample" ng-controller="ExampleController"> 
     <script> 
    angular.module('valueExample', []) 
    .controller('ExampleController', ['$scope', function($scope) { 
     $scope.routeDetails = 
     [ 
     { 
      "Employee":"Employee 1", 
      "date":"2016-09-25", 
      "availablity":"Yes" 
     }, 
     { 
      "Employee":"Employee 2", 
      "date":"2016-09-25", 
      "availablity":"No" 
     }, 
     { 
      "Employee":"Employee 3", 
      "date":"2016-09-25", 
      "availablity":"Yes" 
     }, 
     { 
      "Employee":"Employee 4", 
      "date":"2016-09-25", 
      "availablity":"No" 
     } 
     ] 
    $scope.submit = function(data) { 
     console.log(data); 
    }; 
    }]); 
</script> 
      <form> 
       <table class="table_role" > 
         <thead> 
          <tr><th>Employee Name</th> 
           <!-- <th>Date</th> --> 
           <th>Availablity</th> 
          </tr> 
         </thead> 
         <tbody ng-repeat="routeDetail in routeDetails | orderBy"> 
         <tr> 
          <td>{{routeDetail.Employee}}</td> 

          <!-- <td>{{routeDetail.date}}</td> --> 

          <td> 
           <input type="checkbox" ng-checked="routeDetail.availablity == 'Yes'" /> 
          </td> 
         </tr> 
         </tbody> 
        </table>  
       <button ng-click="submit(routeDetails)" type="submit">Submit</button> 
      </form> 
    </body> 


</html>

出典

2016-09-22 Anuj Mayank

ここにはプランカがあります：https://plnkr.co/edit/7n1ugKHZWXROP9jtDgd4?p=preview –

は、それが動作するはずです。この

<td> 
    <input type="checkbox" ng-model="routeDetail.availablity" 
        ng-true-value="'Yes'" ng-false-value="'No'"/> 
</td>

のようなあなたのチェックボックスのロジックを変更します。

出典

2016-09-22 12:09:23 Vikash

フィードバックがうまくいきました。 –

@AnujMayankようこそ – Vikash

投稿する機能が必要な場合は、そのサービスを作成することをお勧めします。 $をhttpに

function postman(url, data) { 
     var res = $http.post(url, data); 
     res.success(function (data, status, headers, config) { 
      console.log('success'); 
     }); 
     res.error(function (data, status, headers, config) { 
      alert("failure message: " + JSON.stringify({data: data})); 
     }); 
     return res; 
    }

を注入することを確認してくださいそして、あなたのコントローラで、あなたはこのようにそれを呼び出すことができます。

Service.postman('your-url', {data: $scope.routeDetails}).then(function (results) { 
    console.log(results); 
})

出典

2016-09-22 12:04:00

テーブルからデータを読み込んで配列を作成して投稿するにはどうすればいいですか？

答えて

関連する問題