问题标签 [angular7-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.
angular7 - 列表已更新但值未反映在 angular7 的 HTML 中?
我在 angular7 中创建了一个网站,我们在其中将函数从 1 个组件触发到另一个组件函数正常触发,但值未反映在下面的 html 中,我们共享了更新的小提琴:
//在第二个组件中,我们在模型中显示列表。我在关闭模型后重新加载列表。请检查并告诉我我的代码有什么问题?
angular - 如何有条件地使用 router.navigate 进行导航?
我有一个实体表。当您单击一行时,您将进入另一个代表实体的页面(查看页面)。该功能使用router.navigate
.
当实体被删除时,您无法进入其视图:您会得到 404 尝试打开 url。没有通用的方式调用后端并找出实体是否仍然存在。
所以我需要某种条件导航:如果链接不再有效,我不想导航到它(可能显示一些模式等)。我如何用 Angular 做到这一点?
谢谢!
angular - skipLocationChange: true 不起作用;显示网址
我对角度很陌生,不知道如何问这个问题。当我使用路由器重定向到另一个组件时,我遇到了一个问题,skipLocationChange: true 仍然在浏览器中显示当前(调用的)组件 URl,
路由器的语法如下
并 http://localhost:4200/test-component2;skipLocationChange=true
在浏览器中返回。问题也在这里报告为错误。是否有任何替代方案或当前问题的任何解决方案
javascript - 使用 angular-router 在页面中导航视图
我正在创建一个包含多个页面的 Web 应用程序,每个页面中都有动态部分。我希望这些部分中的每一个都使用角度路由器。
我试过简单地在组件中放置一个命名的路由器插座,但它似乎不起作用......有什么想法吗?
这是我的一般设置。
应用模板
应用模块
页面模板:
页面模块
angular - Angular 7 - 在应用程序的基本 url 和角度脚本之间删除斜线
我正在编写一个 Angular-7 应用程序,它目前没有在应用程序名称和调用的 Angular javascript 之间插入“/” - 但只有当它部署在网络上而不是本地部署时。
编辑:我在构建的应用程序中检查了“index.html”,它错误地将 javascript 包含在开始时包含应用程序名称。例如,在下面,它应该是“todo/runtime”,而不是“todoruntime...”
原文:
例如,当我使用此 URL 时:
或此网址:
它工作正常(进入登录页面)。在第二个示例中,它会自动在末尾添加反斜杠。
但是,当我将它部署到网站时,它不会显示登录页面,而是在调用 Angular 脚本时以某种方式丢失了反斜杠。
例如,如果我在浏览器中输入以下任一 URL:
或者
它显示一个完全空白的显示。控制台日志显示使用如下所示的 URL:example.com/todostyles.ed2b9519a10e56c50eca.css
而 URL 应如下所示:
也就是说,在“todo”和“styles...”之间有一个“/”。
我正在使用以下命令构建可部署:
这是app-routing.module:
欢迎任何想法。
angular - 单击到Angular 7中的另一个组件时从mat-table传递数据行
我想将整行传递给其他组件以显示此数据,任何机构都有办法做到这一点。
html:
ts:
我会搜索很多,我找不到路。
angular - 如何将管道应用于RouterLink中的值?
我在 Angular 7 中有以下路线:
问题在于slugify
在routerlink
.
如何将管道应用于内部的值routerLink
?
angular - 路由参数更改时更新列表
我有一个组件,可以在其中获取路由参数:
然后在我的模板上:
ProductList 组件是:
问题是当路由参数category
更改时,ProductList 组件呈现的产品没有更新。
我该如何解决这个问题?
angular - Angular 7在子路由更改上禁用滚动到顶部
我有 2 个选项可以滚动到页面顶部。第一的,
Angular 6 提供的第二个选项是,
当我更改路线时,Page 将移动到按预期工作的顶部。我使用子路由在页面的几乎底部有标签部分。当子路由被触发时,页面将移动到页面顶部,而不是留在标签部分。
所以我需要禁用子路由上的滚动到顶部功能。有什么办法吗?
任何帮助/想法表示赞赏。
javascript - 更改通过电子邮件到达的消息模板
我询问通过电子邮件到达的消息如果我想更改通过电子邮件到达的消息的模板,我在哪里更改服务器或代码的模板?