AngularJS to Mysql

Question

私は何かを見逃しているに違いない...私は本当にこれのノブです。

は、私は、これはデータangularjs持っている：

$scope.todoList = [ 
     { text: 'Check me out' }, 
     { text: 'Lorem ipsum dolor sit amet, possit denique oportere at his, etiam corpora deseruisse te pro' }, 
     { text: 'Ex has semper alterum, expetenda dignissim' }, 
    ]; 

そして、私が代わりにmysqlのテーブルに入れたかったです。私は、テーブルを作成して、テーブルのデータを取得しようとした：

JSを：

$http({method:'POST',url:'process.php'}) 
      .then(
      function successCallback(response) { $scope.todoList = response.data;}, 
      function errorCallback(response) {$scope.todoList = "ERROR!";}); 

PHP：私は手動でPHPをしようとすると

$sql = "SELECT * from `todolist`"; 
    $result = $conn->query($sql); 
    $data = array(); 
    while ($row = mysqli_fetch_assoc($result)) { 
     $data[] = array("text" => $row['text']); 
    } 
    echo json_encode($data); 

出力は次のとおりです。

[{"text":"Check me out"},{"text":"Lorem ipsum dolor sit amet, possit denique oportere at his, etiam corpora deseruisse te pro"},{"text":"Ex has semper alterum, expetenda dignissim"}] 

誰かが問題の原因を知っていますか？

Answer 1

あなたの問題は約で、応答データの値を読み込んで割り当てていると思います。;私はコメントしました：

Your response data type is not valid json data type , and assigns response-string without parsing to $scope.todoList ; use JSON.parse(response.data)

をと提案し、これらのトピック（多分便利）：

• working with JSON data array from Ajax response?

• What is the correct JSON content type?

あなたは更新で問題が発生した場合AJAXコール後：

• how can refresh my scope after ajax call

• Angular controller scope not updating after jQuery ajax call

この問題への複数の関連：

• How to wait till the response comes from the $http request, in angularjs?

---

問題がこれらのトピックに該当しない場合は、解決するためにお知らせください。

Answer 2

私はJSON.parse（response.data）を試みましたが、成功しませんでした。 私はもう少し詳しく説明しようとするでしょう：

このコードはうまく働いた：

function getRandomColor() { 
    var i = Math.floor(Math.random() * (colors.length - 1)); 
    return colors[i]; 
} 

$scope.todoList = [ 
    { text: 'Check me out' }, 
    { text: 'Lorem ipsum dolor sit amet, possit denique oportere at his, etiam corpora deseruisse te pro' }, 
    { text: 'Ex has semper alterum, expetenda dignissim' }, 
]; 

$scope.todoList.forEach(function(item) { 
    item.color = getRandomColor(); 
}); 

しかし今この1つは、コンソールにエラー与える：

TypeError例外を：のプロパティを読み取ることができません「のforEach」を定義されていません

function getRandomColor() { 
    var i = Math.floor(Math.random() * (colors.length - 1)); 
    return colors[i]; 
} 

$http({method:'POST',url:'process.php',data:{function: "todolist"}}) 
      .then(
      function successCallback(response) {$scope.todoList = response.data;}, 
      function errorCallback(response) {console.log("ERROR!");}); 

$scope.todoList.forEach(function(item) { 
    item.color = getRandomColor(); 
}); 

これは、Ajaxの結果を待っているようです...しかし、私は本当に知りません。

SOLVED foreach関数をsuccessCallback関数内に配置しました。