Question

我已经安装了https://www.npmjs.com/package/ng5-breadcrumb软件包来显示面包屑。

代码更改如下。

app.module.ts

import {Ng5BreadcrumbModule, BreadcrumbService} from 'ng5-breadcrumb

 imports: [
...
    Ng5BreadcrumbModule.forRoot()
  ],
  providers: [
...
    BreadcrumbService
  ],

account-list.component.ts

import { BreadcrumbService } from 'ng5-breadcrumb';

providers: [UtilsService, DialogService, BreadcrumbService]

  constructor(
    private breadcrumbService: BreadcrumbService
    ) {

    breadcrumbService.addFriendlyNameForRoute('/accounts', 'My accounts');
  }

上面的代码在页面上显示面包屑。但是addFriendlyNameForRoute方法不起作用。我需要将面包屑显示为“我的帐户”。

关于如何解决此问题的任何想法？

Answer 1

在路由器出口之前，将以下代码添加到您的app.component.html（您的主要组件）中：

<?php
$url = 'https://example.com/v1/category/listall';
    $opts = array('http' =>
        array(
            'method'  => 'GET',
            'header'  => "Content-Type: application/json\r\n"."Authorization: Basic "."xxx"."\r\n",
            'content' => $data,
            'timeout' => 60
            )
        );

    $context  = stream_context_create($opts);
    $result = file_get_contents($url, false, $context, -1, 40000);
    echo $result;
    echo json_encode($data);
    echo $data;
?>

显示面包屑项目的自定义名称-Angular5

1 个答案: