2

私は 1 ページのアプリを開発しており、サーバーを呼び出して特定の価格 (www.myapp.com/products?price=1200 など) のアイテムを照会したいと考えています。リクエストを実行してエンドポイントから JSON を取得することはできますが、ビューが更新されず、データが表示されません。ビューが更新されない理由についてのアイデアはありますか?

私の最初の考えは、問題は $routeProvider にあるということですが、どのように変更する必要があるのか​​ わかりません。

ありがとう!

私の角度モジュール

angular.module('myApp', [])
  .config(['$routeProvider', function($routeProvider) {

  $routeProvider.
    when('/products', 
      { templateUrl: 'partials/productSearchTemplate.html',   
        controller: ProductControl
      });
}]);

私のコントローラー

function ProductControl($scope, $http) {
  $scope.sendRequest = function () {
    $http({
        url: '/products', 
        method: "GET",
        query: {price: $scope.price}
    }).success(function(data) {
      $scope.products = data;    
    });
  }
}

私の見解

<div class="products">
    <div ng-repeat="product in products" class='product-panel'>
        <div class='front'>                
            <span class='product-title'>{{product.title}}</span><br/>
            <span class='product-manufacturer'>
                {{product.manufacturer}}
            </span>
        </div>
        <div class='back'>
            <span class='product-price'>
                {{product.price}}
            </span><br/>
            <a href="{{product.url}}">Details</a>
        </div>
    </div>
</div>
4

1 に答える 1