gpt4 book ai didi

javascript - 使用 json feed 和传递的数据在 Angular 中获取正确的记录

转载 作者:行者123 更新时间:2023-12-03 08:07:43 25 4
gpt4 key购买 nike

所以我有一个 Angular 服务,可以获取 json 数据源,比如说足球运动员列表 - 这工作正常。我有一个家庭 Controller ,它使用这样的代码将此数据传递到家庭 View ......

家庭 Controller

.controller("mainController", function ($scope, playerService)
{

var promise = playerService.getPlayers();
promise.then(function (data)
{

$scope.players = data;
});

})

主页 View

    <table class="table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Club </th>
<th>More?</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="player in players">
<td>{{player.name}}</td>
<td>{{player.club}}&#8457;</td>
<td><a href="#playercode/{{player.code}}">more</a></td>
</tr>
</tbody>
</table>

正如您所看到的,ID 随后被推送到 URL 中的下一页

这里将是第二个 Controller 的开始

var promise = playerService.getPlayers();
promise.then(function (data)
{

var code = $routeParams.code;

$scope.players = data;
$scope.whichResult = $routeParams.code;

console.log($scope.players);
console.log($scope.whichResult);

});

我现在需要做的是检查最后一个数据集的结果,然后将我需要的数据放入 View 中,但我不知道该怎么做。

我在 $scope.players 中设置了日期,在 $scope.whichResult 中设置了播放器代码,但是如何过滤以获得我想要的播放器?

我使用 ngRoute 设置了 2 条主要路线

var playerApp = angular.module('playerApp', ['ngRoute']);


playerApp.config(function($routeProvider) {
$routeProvider

// route for the home page
.when('/', {
templateUrl : 'app/views/home/homeview.html',
controller : 'mainController'
})

// route for the about page
.when('/playercode/:code', {
templateUrl : 'app/views/player/playerview.html',
controller : 'playerController'
})


});

非常感谢任何帮助

最佳答案

URL: http://server.com/index.html#/Chapter/1/Section/2?search=moby

// Then
$routeParams ==> {chapterId:'1', sectionId:'2', search:'moby'}

引用:Angular Docs

要创建 URL,您可以使用 $location 例如:

$location.path('/chapter/' + Id + '/section/' + secId);

关于javascript - 使用 json feed 和传递的数据在 Angular 中获取正确的记录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34301964/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com