个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我的网站需要一个主详细信息模式。索引中有很多缩略图，每个缩略图都链接到其详细页面。我取得了进步，但没有开始工作。它在索引 oage 上加载缩略图，但是当我单击缩略图时，它加载空白页面。
索引:
<body ui-view="viewA">
<div class="row" ui-view="viewB">
<div class="col s12 m6 l4" ng-repeat = "manga in mangas">
<div class="row">
<div class="col s5">
<a ui-sref="icerikDetails({id:manga.id})" class="thumbnail">
<img src="/kapaklar/{{manga.kapak}}">
</a>
JS:
angular.module('nasuh',["ui.router"])
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('index', {
url: "/",
views: {
"viewA": { templateUrl: "index.html",
controller: "indexCtrl",}
}})
$stateProvider
.state('icerik', {
url: "/icerik",
views: {
"viewB": { templateUrl: "icerik.html",
controller: "mmgCtrl",},
}})
$stateProvider
.state('icerikDetails', {
url: "/icerik/:id",
template: "<div>{{details }}</div>",
controller: "mmgCtrl",
resolve: {
getData : function(MY, $stateParams, $filter){
return MY.isimler.then(function(res){
return $filter('filter')(res.data, {id: $stateParams.id}, true)[0];
});}
}
})
$urlRouterProvider.otherwise("/");
})
工厂和 Controller :
.factory('MY', function($http){
var factory = {};
var url = '/uzak/remote.php?callback=JSON_CALLBACK';
factory.isimler = $http.get(url);
return factory;
})
.controller('indexCtrl', function($scope, MY) {
MY.isimler.success(function(alHemen){
$scope.mangas = alHemen;
});
})
.controller('mmgCtrl', function($scope, getData) {
$scope.manga = getData.then(function(data){
$scope.details = data;
});})
最佳答案
我不确定您想要实现什么目标，但至少我尝试将您的代码片段转换为有效的内容。
要获得更多理解，请阅读以下内容:
这些是具有层次结构的状态。索引是 super 根，详细信息是 super 子:
$stateProvider
.state('index', {
url: "/",
views: {
"": {
templateUrl: "index.tpl.html",
controller: "indexCtrl",
}
}
})
.state('icerik', {
parent: "index",
url: "^/icerik",
views: {
"viewA": {
templateUrl: "icerik.html",
controller: "indexCtrl",
},
}
})
.state('icerik.icerikDetails', {
url: "/icerik/:id",
template: "<div>{{manga}}</div>",
controller: "mmgCtrl",
resolve: {
getData: function(MY, $stateParams, $filter) {
return MY.isimler.then(function(res) {
return $filter('filter')(res.data, {
id: $stateParams.id
}, true)[0];
});
}
}
})
$urlRouterProvider.otherwise("/");
这些将是新的 Controller 和工厂:
.factory('MY', function($http) {
var factory = {};
//var url = '/uzak/remote.php?callback=JSON_CALLBACK';
var url = 'data.json';
factory.isimler = $http.get(url);
return factory;
})
.controller('indexCtrl', function($scope, MY) {
MY.isimler.success(function(alHemen) {
$scope.mangas = alHemen;
});
})
.controller('mmgCtrl', function($scope, getData) {
//$scope.manga = getData.then(function(data){
// $scope.details = data;
// });
$scope.manga = getData;
})
以及模板“index.tpl.html”的示例:
<div >
<h2> this is index view</h2>
<a href="#/icerik">icerik</a>
<div ui-view="viewA"></div>
</div>
和“icerik.html”:
<div class="row" >
<div class="col s12 m6 l4" ng-repeat="manga in mangas">
<div class="row">
<div class="col s5">
<a ui-sref="icerik.icerikDetails({id:manga.id})" class="thumbnail">
img src="/kapaklar/{{manga.kapak}}"
</a>
</div>
</div>
</div>
<hr>
<div ui-view=""></div>
</div>
检查一下here
关于javascript - 带有主细节模式的 UI 路由器 $stateParams，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30792510/
26
4
0
前言 本文主要介绍了关于MySQL主键为0与主键自排约束的关系，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 开始不设置主键表的设计如下： 如果id的位置有好几个0
我已经阅读了一些关于将消息从一个线程冒泡到所有其他线程以正常退出的正确方法的来源(每个线程都执行它自己的退出例程)。其中，我喜欢全局原子 bool 值的想法，它可以从任何线程进行标记，所有其他线程检查
本文深入探讨Go语言中的流程控制语法，包括基本的 if-else 条件分支、 for 循环、 switch-case 多条件分支，以及与特定数据类型相关的流程控制，如 for-r
我是 MVC 和 XCode 的新手，在将我对 MVC 的概念理解转化为设计和实现具体类时遇到了困难。我希望就如何构建 Controller 和 View 以获得预期的 UI 获得一些建议。这是针对
如果我尝试在 View 中打开 DeatilFragement，我的应用程序崩溃并收到以下错误: Caused by: java.lang.IllegalStateException: Require
我正在尝试构建我的 iOS 应用程序的界面。一遍又一遍地开始新项目我仍然遇到细节 View 控件的问题(见图)。 在这里我得到了截图: 详细 View 显示当用户触摸 UITableView 行时。您
我在与我正在处理的项目的类(class)中遇到问题。该类是一个接受标签和值的 GUI 组件。这里的想法是，用户可以指定一个标签，然后从任何地方链接一个值(更具体地说，该值的 ToString 方法)，
嗯.. 我在我的应用程序中设置了表格 View - 详细 View 。 主视图使用常规代码将数据传递给详细 View - (void)tableView:(UITableView *)tableVie
我有 celery 任务，队列中有 100 个输入数据，需要使用 5 个 worker 来执行。 如何获取哪个工作人员正在执行哪个输入？ 每个 worker 执行了多少输入及其状态？ 如果任何任务失败
我有一个 .net github 项目，它基本上是一个 Web API 的包装器。在测试项目中，我使用 API key 调用 API。我需要将此 key 保密，如何在 Visual Studio 项目
我遇到一个问题，从 Ag-Grid 导出网格只会导出主网格的详细信息，而不会导出子网格。这是一个显示问题的 plunkr: https://next.plnkr.co/edit/jVcvWDJ1NKP
我在详细 View 中有一个不会消失的额外空间。该 View 来自 NavigationLink，但我已经尝试过使用或不使用 NavigationView。我试图包装它用 NavigationView
几天来，我一直在关注猫效应和 IO。我觉得我对这种效果有一些误解，或者只是我错过了它的重点。 首先——如果IO可以替代Scala的Future，我们如何创建异步IO任务？使用 IO.shift ?使用
如何将标高添加到主视图/详细 View 的详细信息 Pane 中，以在其下方提供阴影，同时定位为部分覆盖工具栏(如下面的底部图片)？我尝试使用 android:elevation="4dp" 但这对我
我试图在我的 UISplitViewController 的细节 View 上设置一个阴影，我希望在 iOS 6 中的主 View 上可见。 在我的细节 View Controller 中: sel
我正在阅读 std::basic_string::reserve(size_type res_arg=0) 上的标准.它是这样说的: void reserve(size_type res_arg=0)
Boost 文档说 Starting with Boost release 1.53, shared_ptr can be used to hold a pointer to a dynamicall
我用 OpenGL 编写了一个简单的 24 位位图加载器。我打开一个位图文件并读取它的像素，然后从中创建一个 RGB 像素数据数组，然后将其传递给 glDrawPixels()。 问题:我需要使图像的
for x in ...循环 就是把每个元素代入变量x，然后执行缩进块的语句。 range()函数，可以生成一个整数序列，再通过list()函数可以转换为list。 比如我们想计算1-10的整数
场景 我有一个 DevExpress XtraGrid。 显示的数据采用主/详细信息格式，点击行开头的“+”可展开该主行的详细信息。 我通过将网格数据源绑定(bind)到包含自己的字典属性(以保存详细
我是一名优秀的程序员,十分优秀！