AngularJS动态嵌套视图的特例

时间:2015-08-05 14:06:22

标签: javascript angularjs angular-ui-router angular-routing

我使用Angular设计应用程序的前端,其内容将根据后端数据库的内容动态更新。数据库将通过服务器访问,我将使用AJAX从中获取数据。我的问题是两件事。

首先需要对网站的结构方式进行一些解释。在其中一个观点中,有很多类别。你可以进入一个类别,然后又可以有另一组类别,然后是另一个类别,等等到无限......前端一次只能得到一个级别 - 只是一个名称和描述的数组显示。

我完全不知道如何在ngRoute或UI路由器中这样做。

然后我需要将面包屑路由回到之前的视图,他们需要显示您经历过的类别的名称,但URL应该具有类别的代表ID。 / p>

一个例子是xxx.com/categories/categoryId/categoryId/categoryId/something else

以下是一个类别的外观:

{
"id": "4",
"name": "AppServers",
"description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
}

提前感谢并为借口做好准备,我是网络开发的新手。

编辑:现在唯一剩下的就是面包屑。目前我正在尝试使用它:

Breadcrumbs in Angular

但我的面包屑仍然无法正常工作。如果有人需要我的路由配置(我在html5mode中运行):

$routeProvider.
    when('/home', {
        templateUrl: '/components/home/home.html',
        controller: 'HomeController'
    }).
    when('/categories', {
        templateUrl: '/components/categories/categories.html',
        controller: 'CategoriesController'
    }).
    when('/categories/:categoryId', {

    }).
    when('/requests', {

    }).
    when('/requests/:requestId', {

    }).
    when('favorites/:favoriteId', {

    }).
    when('templates/:templateId', {

    }).
    when('/modify', {

    }).
    otherwise({
        redirectTo: '/home'
    });

0 个答案:

没有答案