个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
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/
24
4
0
我正在使用 angular ui 路由器制作应用程序。 当导航到总是有参数传递给它的特定状态时，我需要能够在不重新加载 View 的情况下更改 url 并更新参数。 在我的状态配置中，我使用: 重新加
我定义了这些路线: .state('sport', url: '/sport' templateUrl: '/templates/sport' contro
我在 ui-router 上有条件参数，因为我在应用程序的不同位置使用相同的屏幕。我必须编写逻辑来检查我分配给 paramId 的 $stateParams 值。我尝试过使用 if 和 else。 是
我正在尝试从 URL 获取纬度和经度变量，并将它们分配给 Google map 的“center”属性。我没有收到任何错误，但我提醒屏幕中心对象，“纬度”和“经度”都为空。 这是网页:http://a
在 ionic/Angularjs 项目中，当在某种状态下的列表中单击一个项目时，如何设置规则以通过在此列表中单击的项目的 itemID 来提取下一个 View 上的数据？ 代码太长，无法粘贴到此处，
好吧，在 stateParam 中我知道如何设置一个数字，例如 /新/123432 $stateProvider .state('contacts', { url: "/new
单击“计数”页面的链接时，我可以传递路由器参数 $state.go('count', {targetName: object.name}) 因为路由器中建立的内容如下所示: url: '/count/
我在 SO 看到了很多类似的问题，但这些解决方案对我不起作用:( 关于我的网站和应用:后端是带有 json api 的 wordpress，angular 应用程序在 mysite.lc/catalo
我在主页上有三个按钮。 -Naruto 300 // When I hover on button its says "oku/300". -Bleach 300 // When I hover on
我正在使用 UI-Router。这是我通过 ui-sref 路由到的状态之一: .state("community", { url: "/community/:community_id",
我希望能够在我的 run 函数中访问 url 参数，并根据这些参数执行操作。但是，我很惊讶地看到 ui.router 的 $stateParams 对象在我的运行函数中是空的。 angular.mod
我有一个带有大量状态的 ui-router 应用程序，我需要能够通过 $stateParams 传递模型。在每个 $http 请求中，我都会检查从服务器返回的“STATE”参数的响应。如果存在，我执行
有什么区别: $routeParams and $stateParams 什么时候用什么？ 最佳答案 两者都来自不同的路由器模块。您可以在您的应用程序中使用任何人。 如果您使用 ngRoute模块，那
我想知道如何在重新加载页面后保留 $stateParams 变量。 .state('proSearch', { url: '/proSearch/:city',
我花了好几个小时才弄清楚我的代码出了什么问题。 $stateParams.id 始终未定义。这是我的 Controller : .controller('ordersCtrl', [ '$sc
我尝试在我的服务中的以下工厂内获取页面 post/:postId 上的 JSON 数据: angular.module('sampleapp.services', []) .factory('
我使用的是 angular 1.5.x 和 babel。我想在第一页传递一个字符串，然后在第二页显示它。我有这两种状态: 第一状态 .state('outside'{ url:'/outside',
请帮我解决 ionic $stateParams 问题。 这里是状态配置 .state('tabs.categories', { url: "/categories/:parentID",
我尝试使用 stateParams 作为 ng-repeat 的过滤器。我正在尝试创建用户个人资料页面，当有人访问该网址时 http://localhost:3000/users/johnexampl
我有这个状态: .state('admin.category',{ url: '/category', templateUrl:'views/admin.category.html
我是一名优秀的程序员,十分优秀！