问题标签 [angular-component-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1888 浏览

angularjs - 如何检测 Angular 1.5 组件路由器中的路由变化?

我在我的应用程序中使用 angular 1.5 组件路由器。有没有办法检测组件路由器中的路由变化。我想在路线更改时运行一些代码。

0 投票
1 回答
112 浏览

javascript - 从原始角度路由器更新到角度组件路由器会产生错误:

请参阅此处的代码:http: //plnkr.co/edit/xIRiq10PSYRsvNE0YWx7 ?p=preview 。

我收到以下 2 个错误。

  1. Route 必须提供路径或正则表达式属性
  2. [$compile:ctreq] http://errors.angularjs.org/1.5.3/ $compile/ctreq?p0=ngOutlet&p1=ngOutlet

索引.html

模块.js

电影应用组件.js

0 投票
0 回答
258 浏览

angularjs - Angular 1.5 组件路由器在导航时传递数据

我对 Angular 的组件有点陌生,所以请原谅新手的问题。

这是我的场景:

  • 我有一个组件(家庭),要求用户提供地址
  • 当用户输入地址时,我想将他们重定向到一个新组件(地图),其中地址显示在使用谷歌地图的地图上。
  • 需要传递给地图组件的数据是谷歌地图生成的json对象
  • 我使用 $router 的导航方法从 home 组件导航到 map 组件,我通过绑定将其注入到 home 组件中。

我的问题是:如何将数据从 home 组件传递到 map 组件?我尝试使用 ngLink,但对象太大以至于它在 url 中被截断。

我知道我可以全局存储数据,然后在我初始化地图组件时检索它,但我想知道是否有更好的方法来使用组件?

谢谢

0 投票
1 回答
1609 浏览

javascript - AngularJS:使用ngRoute路由时未加载组件控制器

我是 AngularJS 初学者。我有以下代码:

由以下 js 文件定义的组件:

我还配置了路由的 app.js 文件的内容是:

我的问题是控制器未加载(未出现警报窗口)。有人可以指出我做错了什么吗?(如果需要我的代码的任何补充细节,请告诉我)

0 投票
1 回答
7478 浏览

angular - 从角度 2 中的历史记录中删除一个组件

我怎么能限制一个组件在背压上加载。实际上我有三个组件 A(普通组件),B(登录组件)和 C(Otp 验证组件)。我在单击某个按钮时从 A 路由到组件 B,从 B 路由到 C 以验证用户。现在在组件 C 上完成验证后,我想返回组件“A”,并希望从历史记录中删除组件“B”和“C”,以便在浏览器的后按时不会加载“B”(登录组件)又是“C”。那么我怎么能在 angularjs 2 中做到这一点。

0 投票
0 回答
120 浏览

angularjs - 更改 Angular 1.5 组件路由器中路由更改的浏览器标题

我正在使用 Angular 1.5 组件路由器。每当路线发生变化时,我都需要能够更改浏览器选项卡上显示的标题。

我浏览了组件路由器文档并将其搜索到许多网站,但没有任何运气。我能看到的唯一方法是在每个组件的 $onInit 方法中使用 vanilla JS。

我正在寻找一种有角度的方法,并将所有标题设置在一个地方。请帮忙。

0 投票
2 回答
647 浏览

angular - 与路由器插座一起使用时,Angular 2 组件无法正确呈现

我正在开发一个简单的 angular 2 网站,使用 angular 2 惰性路由。我使用flickity滑块在主页中实现滑块,问题是:当我在应用程序组件(根组​​件)中声明滑块组件时

应用程序组件

滑块渲染没有问题,但是当我在使用延迟加载在路由器插座中调用的主页组件中声明滑块组件时,图片在那里但滑块不起作用,

主页.component

app.routing.ts

0 投票
0 回答
952 浏览

angularjs - AngularJS、UI-Router、组件、TypeScript

我尝试使用 ui-router 创建一个简单的 angular1 组件,但似乎我无法渲染它,并且控制台中出现 0 错误...

这是代码:

配置文件

应用程序.ts

home.component.ts

主页.html

那么我在使用我的 homecomponent 时做错了什么?

0 投票
1 回答
2693 浏览

angular - Angular2嵌套子路由找不到路由匹配

我有一个带有一些按钮的菜单,当用户单击菜单时,该页面被定向到另一个页面,其中包含指向另一个页面的链接的按钮列表。

因此我的路由看起来像这样:

所以用户最初的 URL 是:

components/departments/informatics

当用户单击页面内的任何按钮时,应将其定向到带有参数的模块页面。例如:

components/departments/informatics/modules

这是我如何做路由器链接:

我得到:Error: Cannot match any routes. URL Segment

我究竟做错了什么?

0 投票
1 回答
1456 浏览

angular - 角度2路线参数

1.)假设在我们的路由模块中,我们有一个这样配置的路径:

2.)在浏览器中,我们导航到:

3.) 在我们想要将 URL 更改为的组件中:

...版本更改...所有其他参数都相同...

...我们不知道如何通过更改路由器的参数来实现这一点(希望没有字符串替换:D),并感谢任何帮助或输入...

一些附加信息:

this.routeParams 是这样的

在我的组件中,我想给版本一个新的值,比如“baz”

我知道这会在不创建新对象的情况下引发错误,因为 this.routeParams 是只读的……所以我尝试了不同的方法,例如

我可以使用我拥有的信息轻松创建一个新的 URL 字符串,但也许有一种简单的角度方式我看不到:D