Javascript 如何从Angular ng repeat指令检索数组中的特定索引?
我想从ng repeat指令获取数组中的特定索引 现在它正在打印所有索引的信息。。。我只需要打印第二个索引上的信息,例如 这是我的main.js:Javascript 如何从Angular ng repeat指令检索数组中的特定索引?,javascript,angularjs,Javascript,Angularjs,我想从ng repeat指令获取数组中的特定索引 现在它正在打印所有索引的信息。。。我只需要打印第二个索引上的信息,例如 这是我的main.js: app.controller('ProviderController', ['$http', '$scope', function($http, $scope) { var provider = this; //Get service from API $http({ url: 'http://p
app.controller('ProviderController', ['$http', '$scope', function($http, $scope) {
var provider = this;
//Get service from API
$http({
url: 'http://private-5d90c-kevinhiller.apiary-mock.com/angular_challenge/horror_movies',
method: "GET",
}).success(function(data) {
//process received Data with the processMovie function
var providers = processMovies(data);
//process Data with the calculatePercentage function
var percentages = calculatePercentage(providers, data.length);
var providerKeys = [];
for(key in providers) {
providerKeys.push(key);
}
$scope.providerKeys = providerKeys;
$scope.providers = providers;
$scope.percentages = percentages;
})
}]);
function processMovies(data) {
var providers = [],
movie,
offer;
var total = data.length;
for(var i = 0; i < data.length; i++) {
movie = data[i];
var movie_id = movie.id;
for(var j = 0; j < movie.offers.length; j++) {
offer = movie.offers[j];
//check if provider_id doesnt exist
if (typeof providers[offer.provider_id] === 'undefined') {
providers[offer.provider_id] = {};
providers[offer.provider_id][movie_id] = movie;
} else {
if(!providers[offer.provider_id].hasOwnProperty(movie_id)) {
providers[offer.provider_id][movie_id] = movie;
}
}
}
}
return providers;
}
app.controller('ProviderController',['$http','$scope',函数($http,$scope){
var provider=this;
//从API获取服务
$http({
网址:'http://private-5d90c-kevinhiller.apiary-mock.com/angular_challenge/horror_movies',
方法:“获取”,
}).成功(功能(数据){
//使用processMovie函数处理接收到的数据
var providers=processMovies(数据);
//使用calculatePercentage函数处理数据
var百分比=calculatePercentage(提供者、数据、长度);
var providerKeys=[];
对于(输入提供程序){
提供器键。按(键);
}
$scope.providerKeys=providerKeys;
$scope.providers=提供者;
$scope.percentages=百分比;
})
}]);
函数processMovies(数据){
变量提供程序=[],
电影
提供
var total=data.length;
对于(变量i=0;i
我的Html:
<div ng-controller="ProviderController as provider">
<!-- Include provider controller from Angular-->
<div ng-repeat="providerId in providerKeys">
<ul>
<li>Provider {{providerId}}: {{percentages[providerId]|number :0 }}%
</li>
</ul>
</div>
<div ng-repeat="(provider_id, value) in providers track by $index">
<div ng-repeat="movie in value">
<p>{{movie.title}} Belongs to provider number: {{provider_id}}</p><br>
</div>
</div>
</div>
- 提供者{{providerId}}:{{百分比[providerId]|数字:0}}%
{{movie.title}}属于提供商编号:{{provider_id}
因此,我从所有提供商那里获得了所有电影。。例如,如何在Angular指令中仅从提供者2获取这些值?
谢谢 您可以放置一个
ng show
或ng if
,用于检查$index
<div ng-repeat="(provider_id, value) in providers track by $index" ng-if="$index==2">
<div ng-repeat="movie in value">
<p>{{movie.title}} Belongs to provider number: {{provider_id}}</p><br>
</div>
</div>
{{movie.title}}属于提供商编号:{{provider_id}