angleJSを使用してデータベースからjson形式でデータを取得し、テキストボックスに表示します

Question

AngularJSが初めてです。私はちょうど私のデータベースからデータを取り出し、それをテキストボックスに保存したいと思う。私はすでにたくさんのものを探しましたが、私は私の問題に答えることはありません。皆さんが私を助けてくれることを願っています。私がしたいのはデータベースからデータを取り出し、それをテキストボックスに表示するだけです！それだけです。ここに私のコードだ：

$scope.sample = function(){ 
    $http.post('query?action=get',{ 

    }) 
    .then(function(response){ 
     $scope.info = response; 
    }) 
    .catch(function(response){ 
     alert("error"); 
    }); 
}; 
// call the function 
$scope.sample(); 

とPHPで：

$action = $_GET['action']; 

if($action == 'get'){ 

    $sql = "SELECT * FROM tableSomething"; 
    $sql_res = $con->query($sql); 
    $data = array(); 
    while($row = mysqli_fetch_array($sql_res)){ 
     $data[] = $row; 
    } 

    echo json_encode($data); 
} 

と私のHTMLファイルに

<input type="text" ng-model="info.firstname" > 

私は間違いを得た場所を教えてください。ありがとう！

Answer 1

responseはオブジェクトです。

まず、サーバーリクエストはGETであり、POSTではありません。あなたがresponseのdata得る他のコードに問題がない場合

ので$http.get('query?action=get',{

で$http.post('query?action=get',{を変更します。

$scope.info = response.data;

で$scope.info = response;を交換してくださいあなたのコード例では$scopeの定義を欠いたので、私は完全にそれをテストすることはできません。

私は

---

にUPDATE 1あなたの問題を解決している願っています：

[OK]を。 AngularJSはあまりにも洞察力があります。

応答内容にJSON構造があり、それをオブジェクトとして返すことがわかります。

文字列化してみましょう：

.then(function(response){ 
     $scope.info = JSON.stringify(response); 
    }) 

と

<input type="text" ng-model="info" >

Here JSFiddle例

012へのご

<input type="text" ng-model="info.firstname" >

を変更