私は 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>