我正在开发一个单页应用程序,我想调用服务器以查询特定价格的项目(例如 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>