Angular 6-URL上的显示变量

Question

我正在尝试在这里解决问题。

我需要在Angular App的URL上显示一个变量，如下所示：

例如，如果variable是test，我想将URL显示为localhost:xxxx/test，如果variable更改为something，则URL应该是{ {1}}。我已经阅读了Angular文档，但是找不到相关的章节，它总是关于从URL解析数据而不是向其中注入数据。

有人可以指出我正确的方向吗？

Answer 1

您可以在路由定义中添加动态参数，例如：

dashboard

然后使用路由器导航到组件：

{% extends "admin.html.twig" %}
{% block javascripts %}
    {{ parent() }} {# execute the parent block, thus loading all scripts in admin #}
    <script src="/assets/js/dashboard/mycode.js"></script>
{% endblock %}

或者您使用链接进入模板

{ path: 'xxxx/:myVar', component: MyComponent }