angularjs загружает данные из mysql, затем отображает anglularjs

Question

этот код не работает для отображения данных из mysql с использованием php и angularjs

html-код -

<div class="container" ng-app="shoppingcart"
   ng-controller="shoppingcartcontroller">      <div class="row " >
            <div  class="box col-md-3" style="margin-top: 20px;"            ng-repeat="p in
   products">
                <div style="border: 1px solid #ccc; background-color: #f4f5f6">
                    <img src="/images/{{p.image}}.jpg" class="img img-responsive">
                    <h3>{{p.name}}</h3>
                    <h3>{{p.price}}</h3>
                </div>          </div>


        </div>  </div>

угловой код -

<script >
            var app=angular.module("shoppingcart",[]);
            app.controller("shoppingcartcontroller",function($http,$scope){

                         $scope.loadproduct=function(){
                            $http.get("fetch.php").success(function(data){
                                    $scope.products=data;
                                });
                         };
                     });
        </script>

Answer 1

Простой пример

HTML

<div ng-repeat="p in products">
 {{p.name}}
 {{p.price}}
</div>

JS

var app=angular.module("shoppingcart",[]); 

  app.controller("shoppingcartcontroller",function($http,$scope){

        $scope.loadproduct=function(){
                    $http.get("fetch.php").then(function(response){
                            $scope.products=response.data;
                        });
                 };
             });