ng-repeat
過去にこれが機能していましたが、サイトをローカルホストに移動しましたが、結果を表示できないようです。何か案は?
アプリ:
var app = angular.module('Search', ['ngResource']);
function seriesListCtrl ($scope, $http) {
// Set the defaults
$scope.url = '/order/series_list';
$scope.products = [];
// On Success add data to the products array
$scope.loadedItems = function (data, status) {
$scope.products = data;
$('.Initialloader').hide();
}
// Fetch the URL where the JSON array is
$scope.fetch = function () {
$('.Initialloader').show();
$http.get($scope.url).success($scope.loadedItems);
}
// Instantiate the process
$scope.fetch();
}
/order/series_list は正常にロードされています。ただし、データはスコープに読み込まれて繰り返されていないようです。
HTML:
<div class="order_wrapper" ng-app="Search">
<div ng-controller="seriesListCtrl">
<div class="well">
<form class="form-inline">
<div class="col-lg-5"><input type="text" class="form-control" placeholder="Search Description" ng-model="query.series_description"></div>
<div class="col-lg-5"><input type="text" class="form-control" placeholder="Search Part Number/SKU" ng-model="query.product_sku"></div>
<button type="submit" class="btn btn-default"><i class="icon-search"></i> Search</button>
</form>
</div>
<div class="accordion" id="product_list">
<div class="accordion-group" ng-repeat="prod in products | filter:query">
<div class="accordion-heading order_listing">
<div class="row">
<div class="col-lg-2 image_container">
<img ng-src="{{prod.images_url}}" width="100px">
</div>
......... Extra blurb ........
</div>
</div>
</div>
</div>
</div>
AnjularJS 1.2.0 - 正常にロード
angularjs-resource - 正常にロード中
確認のために: データは /order/series_list からロードされています。firebug は$scope.fetch
、ページがフェッチされ、コンテンツが含まれていることを示します。次に、これはデータを に渡し、それ$scope.loadedItems
を に吐き出し$scope.products
ます。
html には、ng-repeat
製品内のすべての製品をループする必要がある があります。現在、 my.Initialloader
は非表示になっておらず、ng-repeat
just は非表示のままです。
この件についてご協力いただき、誠にありがとうございます。何時間も作業を続けてきましたが、問題の原因がわかりません。
前もって感謝します。