angular2-routing相关内容

Angular 2 中用于身份验证的良好模板策略

我目前有一个 Angular 2 应用程序正在运行,如下所示: App.component 在访问站点时被引导.App.component 的模板包含所有组件标签(例如 menu.component、search.component 和 router-outlet). 我基本上需要的是以下内容:当前访问者被直接重定向到登录页面,因为用户需要登录.他仍然能够看到只有登录用户才能看到的菜单 ..
发布时间:2021-11-08 22:20:40 其他开发

如何在 *ngIf 中捕捉路线

所以我想让我的 Header 上的锚元素在点击特定页面时消失.当该页面被点击时,如何在 *ngIf 中捕获 url. 我有一个标题,所有页面都将保持不变.当我被路由到/home 时,只需要隐藏一个锚元素.如何在 *ngIf 中捕获这个“/home"? *ngIf = "href='/home'" 不起作用.有其他选择吗? 解决方案 //mycomponent.compone ..
发布时间:2021-11-08 22:20:38 其他开发

不支持调用 Angular2SocialLoginModule 函数调用

我是 angular js2 的新手.目前我正在使用一个 Web 应用程序,它使用 angular2 作为前端.在这个应用程序中,我使用 angular2-social-login 进行身份验证.但是当我运行 npm start 时出现以下错误 错误中的错误遇到静态解析符号值.调用函数“Angular2SocialLoginModule",不支持函数调用.考虑使用对导出函数的引用替换函数或 ..

延迟导航到下一页

我的 angular 站点运行良好,但是当您单击进入一个项目时,它会立即加载页面,有时在从图像中提取图像时会出现 flashAPI、id 类似于 1 秒的延迟或页面过渡效果. 但我不确定如何在 Angular 2 中实现这一点.有兴趣了解其他人在做什么吗? 提前致谢 解决方案 你可以实现 CanDeactivate 接口,类似这样: routerCanDeactivate(c ..

模板解析错误:无法绑定到“routerLink",因为它不是“a"的已知属性

我正在创建一个组件,然后将其设置为根组件,然后出现错误 模板解析错误:无法绑定到 'routerLink',因为它不是 'a' 的已知属性. 我在组件注释中使用 RouterLink 作为指令,但它无法工作. app.routes.ts import { ModuleWithProviders } from '@angular/core';从'@angular/router' 导入 { R ..

在 Angular2 中实现动态路由(Typescript)

RouteConfig 类可用于装饰具有路由功能的组件(@RouteConfig),该类具有为该组件定义的某些路由定义.现在,问题是在运行时(动态)注入这些路由定义. 原因是,假设我有一个应用程序,我必须在其中显示(UI)和定义(装饰)“n"个路由,每个路由对应于加载应用程序的帐户以及相应的权限与该特定帐户相关联.因此,在装饰器 @RouteConfig 中为组件预定义路由定义没有任何意义. ..

Angular2 将纯文本转换为 url 的方式(锚链接)

我有时有一个组件可以接收这样的文本: 文本 www.website.com 但是如果它是链接,我想将其转换为网址.像这样. 文本 www.website.com 我读过这个 SO answer 建议使用 3rd 方库,例如 anchorme.有没有办法以 angular2 的方式做到这一点? 解决方案 使用简单的正则表达式修改 HTML 内容存在许多问题. 这 ..

具有功能 RouterLink 的 Angular2 动态 HTML

长期用户,第一次提问!两天的大部分时间里,我一直试图弄清楚这一点,但无济于事,所以我们开始吧. Angular2 中来自外部源的动态编译模板? 我正在使用 http 从 WordPress API 以 HTML 的形式获取页面内容.所以我有一个这样的模板: 和“contentHTML"是组件中的字符串 ..

在 angular2 的 app.component.html 中使用 *ngIf 更改路由器插座

我使用的是 angular 2.0 final.我正在尝试更改主 app.component.html 中 router-outlet 的位置.模板正在更新精细显示,除了我第一次使用 router.navigate 组件不会显示在新的路由器插座中,并且没有错误.第二次和每次我使用 router.navigate 后它都能正常工作. app.component.html 示例模板 ..
发布时间:2021-11-08 22:14:13 其他开发

Angular 2:同一组件中的多个 HTML 页面

我是 angular 2 的新手,我有一个名为 Register 的组件,在这 1 个组件中我有 5 个 HTML 页面,其中单击第一个注册页面我将转到第二个注册页面,单击第二个注册页面我将转到第三个注册页面.如何在 1 个组件中制作 5 个 HTML 页面我的意思是有没有办法为每个组件实现多个模板?怎么做路由?主要目的是拥有单独的 HTML &SCSS 文件和路由逻辑. 到目前为止,我正在 ..

如何将值从一个组件发送到另一个组件?

我制作了一个组件,其中有一个输入字段和按钮.单击按钮时,我正在显示第二个组件.我想将数据从一个组件发送到另一个组件? 我如何将数据从一个组件发送到另一个组件..我需要发送输入值(用户在输入字段中输入的内容)我需要在下一个组件或下一页显示.单击按钮.如何发送数据?这是我的plunkerhttp://plnkr.co/edit/IINX8Zq8J2LUTIyf4DYD?p=preview im ..

Angular 2 在 Route Change 上滚动到顶部

在我的 Angular 2 应用程序中,当我向下滚动页面并单击页面底部的链接时,它会更改路线并将我带到下一页,但它不会滚动到页面顶部.结果,如果第一页很长而第二页内容很少,就会给人一种第二页内容不足的印象.因为内容只有在用户滚动到页面顶部时才可见. 我可以在组件的 ngInit 中将窗口滚动到页面顶部,但是有没有更好的解决方案可以自动处理我的应用程序中的所有路由? 解决方案 Angu ..