Html 在不同的ngRoute页面上显示控制器内不同变量索引的数据。
我无法用最好的方式表达标题，我正在尝试的是使用ng Route在不同页面上显示存储在变量（$scope.data）不同索引中的数据 我试图以分类列表为例来实现这一点，在这里（）我设置了一些代码来模拟分类列表，很抱歉没有样式。我可以在页面上显示列表的第一页，但是当我使用我创建的按钮切换到另一页时，我会看到一个空白页面 如果有人能向我解释我做错了什么，哪里做错了，并告诉我如何修复它，我将非常感激。提前谢谢 Plnkr代码如下：Html 在不同的ngRoute页面上显示控制器内不同变量索引的数据。,html,angularjs,angular-routing,Html,Angularjs,Angular Routing,我无法用最好的方式表达标题，我正在尝试的是使用ng Route在不同页面上显示存储在变量（$scope.data）不同索引中的数据 我试图以分类列表为例来实现这一点，在这里（）我设置了一些代码来模拟分类列表，很抱歉没有样式。我可以在页面上显示列表的第一页，但是当我使用我创建的按钮切换到另一页时，我会看到一个空白页面 如果有人能向我解释我做错了什么，哪里做错了，并告诉我如何修复它，我将非常感激。提前谢谢 Plnkr代码如下： <!DOCTYPE html> <html>
<!DOCTYPE html>
<html>
<head>
<title>L</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
</head>
<body ng-app="LApp">
<div class="main">
<div class="container">
<div ng-view></div>
</div>
</div>
<!-- Modules -->
<script src="app.js"></script>
<!-- Controllers -->
<script src="HomeController.js"></script>
</body>
</html>
var app = angular.module("LApp", ['ngRoute']);
app.config(function ($routeProvider) {
$routeProvider
.when("/L/:pageId", {
controller: "HomeController",
templateUrl: 'home.html'
})
.otherwise({
redirectTo: "/L/0"
});
});
<div class="row">
<div class="col-md-12">
<div class="page_select">
<a href="#/L/{{ prevPageIndex }}"><button type="button" class="prev"><img src="#"></button></a>
<p>{{ currentPageIndex }}</p>
<a href="#/L/{{ nextPageIndex }}"><button type="button" class="next"><img src="#"></button></a>
</div>
</div>
</div>
<div class="row" ng-repeat="lst in listings[currentPageIndex].lsts">
<a href="#">
<div class="col-md-3">
<img src="{{lst.thumbnail}}">
</div>
<div class="col-md-5">
<h4 class="title">{{ lsts.title }}</h4>
<p class="description">{{ lst.description }}</p>
</div>
<div class="col-md-1">
<p class="author">{{ lst.author }}</p>
</div>
<div class="col-md-3">
<h5 class='rating'>{{ lst.rating }}</h5>
</div>
</a>
</div>
L
var-app=angular.module（“LApp”，['ngRoute']）；
app.config（函数（$routeProvider）{
$routeProvider
.when（“/L/：pageId”{
控制器：“家庭控制器”，
templateUrl:'home.html'
})
.否则({
重定向到：“/L/0”
});
});
{{currentPageIndex}}
我没有包括控制器，因为保存所有信息的变量非常大，它会占用很多空间。至少在您的plunker中，它不起作用，因为您的
$scope。清单$scope.listings[{page:1，lsts:[…]，page:2，lsts:[…]等]