2016-05-30 6 views
0

私はあなたの助けが必要です。私はangularjsを学んでいます。私はデータベースに1アイテムを保存する方法を学んだ、私はさらに進んで1アイテム以上を保存するが、私はangularjsでそれを行うことについてインターネットで何かを見つけることができませんでした。 angularjsでそれを行うことはできません?? 。 Iのイム思考がangularjsデータベース内のアイテム(学生)のリストを保存する

http://plnkr.co/edit/sF3mBOcDilhQDQKYqeE7?p=preview

script.js

var app = angular.module('multi', []); 
app.controller('MainCtrl', function ($scope) { 
    $scope.students = [{ 
     'firstname' : $scope.user_name, 
     'lastname' : $scope.lastname, 
     'bday':$scope.bday, 
     'bplace':$scope.bplace, 
     'sex':$scope.sex 
    }]; 

$scope.addNewStudent = function() { 
var newItemNo = $scope.students.length+1; 
$scope.students.push({'id':'student'+newItemNo}); 
}; 

$scope.removeStudent = function() { 
var lastItem = $scope.students.length-1; 
$scope.students.splice(lastItem); 
}; 

$scope.save = function() { 
    $http.post('db.php?action=addStudent', 
     { 
     'firstname' : $scope.firstname, 
     'lastname' : $scope.lastname, 
     'bday':$scope.bday, 
     'bplace':$scope.bplace, 
     'sex':$scope.sex 

    }); 
}; 
}); 

はとても学生の数の情報を充填した後、私はすべて保存するには、保存ボタンをクリックしますplunkerにコードを追加して何かを説明します私のデータベースに学生。可能であれば、この問題で私を助けることができます。ありがとう

+0

最も簡単な方法は、$をループにして、セーブ機能でscope.studentsあなたが保存機能でHTMLフォームでlastlastname使用

  • 、あなたはどちらかを選択して、両方の場所に選んだものを使用しなければならないだろうそれぞれの投稿要求を送信します。 – theatlasroom

  • 答えて

    0

    保存時に$scopeの値を使用しているため、一度に複数の生徒を保存することはできません。

    既に持っている$scope.studentsアレイを使用する必要があります。

    あなたのプランナーを少し変更しました(javascriptのみ)。これはあなたのニーズに合っています。

    http://plnkr.co/edit/T8qM1YCKBFmZbknWZ2n2

    私はあまり変化しなかった、私は主にループ内で$http.postを置きます。私は通常、複数のオブジェクトを扱うサーバールートを使用することをお勧めしますが、サーバーについてはわかりません。それはシンプルで機能的にするためにできる最善の方法です。

    2他の発言:

    • サーバーにstudent.sexを送るが、それは形式で設定することはできません。
    +0

    あなたの助けをたくさんありがとう –

    関連する問題