ng-alain # 哈希描点链接踩坑

最新推荐文章于 2020-11-24 19:17:19 发布
最新推荐文章于 2020-11-24 19:17:19 发布
阅读量520 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： angular  ng-alain
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_26013261/article/details/88416597
本文探讨在ng-alain框架中如何解决带有#哈希的路由链接问题，这种链接影响了路由设置及<app-*>插座控制的正常使用，文中将介绍关闭哈希的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在ng-alain设置自己路由时去掉# 哈希描点链接


演示问题

在后期# 点链接影响了路由的设置无法使用 <app-*> 的插座控制 ，有描点的路由是个很麻烦的事情。

如何去掉

关闭哈希
在此环境路径配置关闭哈希

在这里插入图片描述

qq_875143287
关注
如何把字符串哈希成椭圆曲线上的点
jason_cuijiahui的博客
02-07 1847
朴素方法 注： t就是字符串哈希（sha256）后的值，同时作为椭圆曲线点的x值，但是y值即s\sqrt{s}s​不一定是整数，因此构造x的过程中需要引入i，令x=t+ix=t+ix=t+i，不断地尝试。 更先进的哈希方法和分析 ...
ng-alain表单使用方式详解
08-27
ng-alain表单使用方式详解 ng-alain表单使用方式详解是Angular框架中的一种表单使用方式，主要介绍了ng-alain表单的使用方式详解，包括模板驱动和响应式表单两种不同的架构范式。 一、模板驱动表单 模板驱动表单...
使用ng-alain遇到的一些问题和总结
白日梦想家的博客
04-28 7722
最近一个项目是用springboot作为后台框架，angular作为前端框架的方式进行开发的，之前一直想找一个比较好使的前端模板框架来使用，因为不懂ui也不擅长去修改样式啥的，希望侧重于现有工具的使用，更多的进行业务的开发而不是样式的调整。ng-alain是阿里出品的，之前也想用layUI，但是网上有说angular跟layUI搭配使用的话会有一些比较麻烦的问题，比如说事件的监听啥的...
angular+ngalain 路由跳转带?url
白白白桃乌龙的博客
08-19 1244
有时候需要需要使用带？的url来动态刷新页面，从而获得最新的页面， HTML或ts中： [routerLink]=”‘/admin/finance/wage-tab-piece/'” [queryParams]=”{id: 1}” 显示为/admin/finance/wage-tab-piece?id=1 ...
NG-Alain 菜单路由不展开的问题
比海更深
11-24 1011
项目上在使用NG-Alain的过程中遇到了一个比较棘手的问题，但采用一种曲线救国的方式解决了，但觉得肯定会有更好的方式去解决，但是目前为止，没有找到更好的方法，所以将这个过程记录下来。 项目开发的是一套web端的后台数据管理软件，采用的是主流后台的页面布局方式，左侧用sidebar-nav控件来实现菜单栏导航，中间采用nz-tab和reuse-tab 路由复用标签来实现表单页面的展示与切换。 菜单栏的展示是保存在前台的一个json文件中，每个菜单的终点都对应一个component，然后通过路由机制来映射加
ng-alain 路由配置 路由配置正确但是强制弹出404窗口
qq_26013261的博客
03-13 1179
ng-alain 出现路由配置正确但是强制弹出404 如图已经成功配置了ng-alain的路由，在angular项目中是运行正常的，但是在ng-alain中出现强制404。 路由的路径是正确的，模块已经注册 . 出现原因，ng-alain的RouteRoutingModule模块是加载在最后的，新注册的模块必须添加在RouteRoutingModule之前，否则会默认不检测后面的路由模块，...
ng-alain的sf如何自定义部件的流程
10-15
在开发基于Angular的项目时，ng-alain是一个非常流行的企业级后台管理模板，它提供了丰富的功能和组件。本文将深入探讨ng-alain中sf（Simple Form）如何自定义部件，帮助开发者更好地满足特定需求。 一、自定义部件...
详解ng-alain动态表单SF表单项设置必填和正则校验
10-16
`ng-alain`是一个基于Angular的后台管理系统解决方案，它提供了丰富的组件和工具来帮助开发者构建高效、易用的管理界面。本文将深入探讨如何在`ng-alain`动态表单中实现SF表单项的必填验证和正则表达式校验，特别是...
ng-alain-vscode:适用于ng-alain的Visual Studio代码插件
05-27
ng-alain VSCode代码段 注意：从11版本开始，扩展语言将遵循VSCode的显示语言，并且无需安装其他版本的ng-alain-vscode扩展，因此将不再维护。 特征 支持类智能 支持类名称悬停介绍 提取i18n密钥 常见的Angular模板 ...
[Angular] 使用 ng-alain
BlackParade的博客
08-24 3780
Angular - 使用 ng-alain ng-alain，一个阿里的angular脚手架。基于他们自己的ng-zorro，进行再次封装。 在快速开发的时候，用下ng-alain的st、sf来构建还是不错的。但是涉及到一些复杂的表单、页面时，还是使用ng-zorro比较好。 官网：https://ng-alain.com/docs/getting-started/zh 新建 新建空项目 ng new my-project --style less --routing cd my-project ng ad
<base href="<%=basePath%>"的作用
小宝
12-24 969
这是设置基础路径的,basepath为变量 简单的静态网页的话你设置比如:&lt;base href="http://www.baidu.com"&gt;,那你下面的href属性就会以你上面设的为基准,如:&lt;a href="http://www.baidu.com/xxx.htm"&gt;&lt;/a&gt;你现在就只需要写&lt;a href="xxx.htm"&gt;&amp
angular打包后路由和文件路径不对
weixin_30553065的博客
03-19 752
base href换成如下script标签 <!-- <base href="/"> --> <script> document.write('<base href="' + document.location + '" />'); </script> 在app.module.ts下添加 { prov...
基于阿里出得ng-Alain搭建后台管理系统
weixin_30565199的博客
04-27 550
首先跟大家介绍一下ng_Alain(阿里团队出品) ng-alain技术栈基于Typescript、Angular、g2、@delon和ng-zorro-antd，提前了解和学习这些知识会非常有帮助。 ng-alain 脚手架是基于 Angular 和 ng-zorro-antd（Ant Design 的 Angular 版本） 基础组件库的中后台前端解决方案。脚手架包含着一套通用的功能...
angular去掉url#
weixin_39213862的博客
10-16 401
引入文件 import { LocationStrategy, HashLocationStrategy,PathLocationStrategy} from ‘@angular/common’; 路由中配置 providers: [ HttpClient, // { provide: LocationStrategy, useClass: HashLocationStrategy },//含有#...
关于ng-alain的st、sf一些小功能的总结
小钻风的博客
03-17 4346
1、ng-alain其中的st表格，有STColumnButtonDrawer（抽屉）和STColumnButtonModal（模态框）， 如列表内容太多，列表一行无法显示，点击一个按钮，出来一个抽屉，抽屉里面是这一行的全部内容， columns: STColumn[] = [ { title: '操作',//表头名字 index: 'operate ', ...
ng-alain的使用
神zhi殇的博客
08-20 6375
ng-alain技术栈基于 Typescript、Angular、g2、@delon 和 ng-zorro-antd。 文档地址https://ng-alain.com/docs/getting-started demo地址https://cipchk.github.io/ng-alain/#/dashboard/v1 官方文档有坑：https://www.jianshu.com/p/d31...
[Angular] ng-alain的一些实践
BlackParade的博客
10-09 2032
[Angular] ng-alain的一些实践 在sf中使用按钮 比如要实现一个效果： 这个输入框旁边的按钮怎么写啊？ 一开始对这个框架不熟悉，走了一些弯路。 毕竟乍一看文档，根本没有按钮这个控件啊。当然我去用ng-zorro写，那肯定能写出来，但我是不想敲html所以才用ng-alain的啊。 但其实在ng-alain里面，用个custom就好了。也可以写个自定义小部件。 sf中custom官网链接：https://ng-alain.com/form/custom/zh 贴代码吧，也没啥好说的。 htm
Angular2+去除url中的#
weixin_33810006的博客
12-20 492
1. 为什么要去除？ Angular官方指出：如果没有足够使用hash风格（#）的理由，还是尽量使用HTML5模式的路由风格； 如果配置了hash风格，在微信支付或是Angular的深路径依然会出404的问题； 当你需要使用GA等工具时，由于无法获取#号后的URL，导致每次路由切换都给其发送一个路径； '#'有点丑。 2. 怎样才能去除？ 有四个方法： 前端 + ngx 前端...
ng-alain：高效的企业级UI解决方案
- **ng-zorro**: 作为Ant Design的Angular实现，标签中再次强调了ng-zorro-antd在NG-ALAIN中的核心地位。 - **ng-alain**: 直接指出了NG-ALAIN是一个针对Angular开发的前端框架。 - **CSS**: 指代层叠样式表...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值