6
apiからワインレコードを出力するリピートディレクティブ。私はその後、私のコントローラでエラー:[ngRepeat:dupes]これはどういう意味ですか?
app.factory("Wine", function ($http){
var factory = {};
//getWines
factory.getWines = function(){
return $http.get("http://www.greatwines.9000.com")
}
}
コントローラにアクセスされるワインのAPIまで提供するために、工場の機能を持っている:
app.controller("winesCtrl", function($scope, $http, Wine){
Wine.getWines()
.success(function(wines){
$scope.wines = wines;
})
.error(function(){
alert("Error!");
});
});
VIEW:
<h2>Wine list</h2>
<div class="row margin-top-20 wine-container" ng-repeat="wine in wines">
<div class="col-sm-3">
<img src="{{wine.picture}}" class="img-responsive" />
</div>
<div class="col-sm-9">
<div class="margin-top-20">
<span class="bold">Name: </span><span>{{wine.name}}</span>
</div>
<div>
<span class="bold">Year: </span><span>{{wine.year}}</span>
</div>
<div>
<span class="bold">Grapes: </span><span>{{wine.grapes}}</span>
</div>
<div>
<span class="bold">Country: </span><span>{{wine.country}}</span>
</div>
<div>
<span class="bold">Region: </span><span>{{wine.region}}</span>
</div>
<div>
<span class="bold">Price: </span><span>{{wine.price}}</span>
</div>
<div>
<span class="bold">{{wine.description}}</span>
</div>
<div class="margin-top-20">
<a href="#/wines/{{wine.id}}" class="btn btn-default">Edit Wine</a>
</div>
</div>
</div>
を私はこのエラーをクリックし、「曖昧」angularjs典型的なやり方で、私はこれを取得します:
Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: wine in wines, Duplicate key: string:e, Duplicate value: e
これはどういう意味ですか?ワインは「ワイン」と同じではないので、なぜそれが重複していると思いますか?
おかげで、それはまだ私には意味がありません。また、HTTPリクエストの最後にhttp://www.greatwines.9000.com/winesを追加しました。何らかの理由でこれが動作します。私はこれらの不思議なバグやanglejsを修正していきます。あまり一貫しているわけではありません。 – HGB