は何も私はPHPを使用してMySQLからデータを取得しようとすると、私は、テーブル内のデータを表示できるようにangularjsにJSON形式でデータを渡すためにしようとしています

AngularJS表現の代わりに表示されていないされています。は何も私はPHPを使用してMySQLからデータを取得しようとすると、私は、テーブル内のデータを表示できるようにangularjsにJSON形式でデータを渡すためにしようとしています

HTMLコードは次のとおりです。

<body ng-app="myModule"> 
<div class="row"> 
     <div class="col-lg-12 text-center"> 
      <div ng-controller="myController"> 
       <table class="table"> 
       <thead> 
        <tr> 
         <th>email</th> 
         <th>id</th> 
         <th>name</th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr ng-repeat="employee in employees"></tr> 
        <td>{{employee.username}}</td> 
        <td>{{employee.id}}</td> 
        <td>{{employee.name}}</td> 
       </tbody> 
       </table> 
      </div> 

     </div> 
    </div> 
    <!-- /.row --> 

</div>

AngularJSコード：JSONを出力

var app = angular 
     .module("myModule", []) 
     .controller("myController", function ($scope,$http) { 
      $http.post('http://enrolin.in/test/login.php') 
       .then(function(response){ 
        $scope.employees=response.data; 
       }); });

ワーキングPHPのリンクは次のとおりです。テーブルのhttp://enrolin.in/test/login.php ワーキングリンクはhttp://enrolin.in/test/

ですしかし、私はHTMLを読み込もうとします。データベースからのデータはロードされません。

私は、コンソールで表示しようとしたデータがインポートされることを意味しますが

出典

2016-05-30 AkhilEsh Khajuria

私はあなたがその応答に 'テキスト/ html'ヘッダを送信しているに気づきました。これを 'application/json'に変更することをお勧めします。また、その応答ハンドラの中にconsole.logを入れてみましたか？あなたは本当にその機能に到達していますか？（PS：あなたは本当にここにメールと名前であると思われるものを投稿してください？） – Pevara

これらのメールと名前は実際のものではありません。お返事ありがとうPevara。ヘッダーをapplication/jsonに変更する方法を教えてください。 –

Googleはあなたの友人です。例1は、 'header'の公式ドキュメントから正しい方向にあなたを指すはずです：http://php.net/manual/en/function.header.php#example-5007 – Pevara

問題は、あなたのHTMLであるように思われます。

<tr ng-repeat="employee in employees"></tr> 
    <td>{{employee.username}}</td> 
    <td>{{employee.id}}</td> 
    <td>{{employee.name}}</td>

<td>は<tr>外にあるので、{{ employee }}は<td>に存在しません。

これは動作するはずです：

<tr ng-repeat="employee in employees"> 
    <td>{{employee.username}}</td> 
    <td>{{employee.id}}</td> 
    <td>{{employee.name}}</td> 
</tr>

出典

2016-05-30 22:52:05

はい、それは働いた。この小さな問題は、過去4時間から私のつま先で私を抱えていました。ありがとうJean :) –

何とか表示されていないデータベース内の行数が正確である6回繰り返されるngのリピートのように見えます

あなたの意見にはばかげた過ちです（最初は見落としたとは思えません）。あなたは今、空行を繰り返している

：

<tbody> 
    <tr ng-repeat="employee in employees"></tr> 
    <td>{{employee.username}}</td> 
    <td>{{employee.id}}</td> 
    <td>{{employee.name}}</td> 
</tbody>

ものtd sが明らかに繰り返し行の内側にする必要があります。

<tbody> 
    <tr ng-repeat="employee in employees"> 
    <td>{{employee.username}}</td> 
    <td>{{employee.id}}</td> 
    <td>{{employee.name}}</td> 
    </tr> 
</tbody>

出典

2016-05-30 22:49:07 Pevara

はい、うまくいきました。この小さな問題は、過去4時間から私のつま先で私を抱えていました。ありがとうPevara :) –

は何も私はPHPを使用してMySQLからデータを取得しようとすると、私は、テーブル内のデータを表示できるようにangularjsにJSON形式でデータを渡すためにしようとしています

答えて

関連する問題