huajian123 / ng-ant-admin

Angular17 Standalone components 独立组件， 中后台管理系统模板，移动端适配 Mobile adaptation ng-zorro ant-design-pro front-end framework

Hi there 👋

大家好，我会写一点点代码🤔

ng-ant-admin's Issues

how to custome header when resize width

how to 1 customeize header when resize width

without hide all menu just like in https://preview.pro.ant.design/dashboard/analysis

modal error when edit

I cloned from GitHub and tested the edit function at the "default/system/menu" path, and whether I press confirm or cancel, there's an error as shown in the picture. How can I fix it? I followed the guide to implement a similar function and encountered the same error. see error on image: https://i.imgur.com/rUz6NAM.png

建议，左侧导航固定定位

往下滚动的时候左侧导航栏固定在左上比较好，纯属建议，<笑脸-

[question] modal outside component How can I pass an entire row of data instead of just an ID?

I want to pass all the data of the selected row to a child component for editing, please guide me on how to do this, thank you very much. image https://i.imgur.com/rovwAMR.png

请问ifarme可不可以支持动态

this.modalDragService.confirm({nzTitle: 'Confirm', nzContent: '提示一下的内容'})拿不到返回值

弹出的确认框需要知道确认的结果，是点击了确定，还是取消

 const dialog=this.modalDragService.confirm({nzTitle: 'Confirm', nzContent: '提示一下的内容'})
 dialog.afterClose.subscribe(result => {
      console.log(result);})

这个返回的值是undefine，这样没法判断是点击了确定，还是取消，有什么办法可以确定弹出的模态框点击了什么按钮么？

作者您好, 只有前端没有后台吗?

下载后编译报错：node_modules/@antv/g2plot/lib/plots/venn/types.d.ts:10:18 - error TS2430: Interface 'VennOptions' incorrectly extends interface 'Options'

Error: node_modules/@antv/g2plot/lib/plots/venn/types.d.ts:10:18 - error TS2430: Interface 'VennOptions' incorrectly extends interface 'Options'.
Types of property 'color' are incompatible.
Type 'string | string[] | ((datum: Datum, defaultColor: string) => string) | undefined' is not assignable to type 'ColorAttr | undefined'.
Type '(datum: Datum, defaultColor: string) => string' is not assignable to type 'ColorAttr | undefined'.
Type '(datum: Datum, defaultColor: string) => string' is not assignable to type '(datum: Datum, defaultColor?: string | undefined) => string'.
Types of parameters 'defaultColor' and 'defaultColor' are incompatible.
Type 'string | undefined' is not assignable to type 'string'.
Type 'undefined' is not assignable to type 'string'.

看起来是包的问题，更新了版本也不行，是项目问题了？

[question] ant table checkbox item issue

Let me ask, is it true that if the database returns without an id, then the checkbox item does not work, right? I see that if the database does not have an id, it errors when checking one box but it ends up checking all of them. see video https://drive.google.com/file/d/1fotvNUzGZsJtr9FkleBvFFb1hWSXUAIO/view?usp=sharing

作者大大好

我是vue转angular,看了您这个项目感觉很有学习价值,由于对angular不熟练,看完您的视频后,对项目中rxjs的用法还是不懂,您有时间可不可以录个项目中rxjs的教学视频,再次感谢

是否有计划支持流媒体相关的功能啊？

是否后续支持：音视频播放器、flv、webrtc等流媒体直播等服务？

DatePicker日期选择框样式错乱

日期选择框弹出日期面板样式错乱

fnFlatDataHasParentToTree缺少排序，导致从后端返回的节点顺序错乱

`//增加Sort排序
const fnPermissionSort = (permessionA:any, permessionB:any) => {
if (permessionA.orderNum < permessionB.orderNum) {
return -1
}

if (permessionA.orderNum > permessionB.orderNum) {
return 1
}

return 0
}`

`const fnFlatDataHasParentToTree = function translateDataToTree(data: any[], fatherId = 'fatherId'): any {
//没有父节点的数据
let parents = data.filter(value => value[fatherId] === null || value[fatherId] === '');
parents.sort(fnPermissionSort);//增加父级节点的排序
//有父节点的数据
let children = data.filter(value => value[fatherId] !== null && value[fatherId] !== '');

//定义转换方法的具体实现
let translator = (parents: any[], children: any[]): any => {
//遍历父节点数据
parents.forEach(parent => {
//遍历子节点数据
children.forEach((current, index) => {
//此时找到父节点对应的一个子节点
if (current[fatherId] === parent.id) {
//对子节点数据进行深复制，这里只支持部分类型的数据深复制，对深复制不了解的童靴可以先去了解下深复制
let temp = JSON.parse(JSON.stringify(children));
//让当前子节点从temp中移除，temp作为新的子节点数据，这里是为了让递归时，子节点的遍历次数更少，如果父子关系的层级越多，越有利
temp.splice(index, 1);
//让当前子节点作为唯一的父节点，去递归查找其对应的子节点
translator([current], temp);
//把找到子节点放入父节点的children属性中
typeof parent.children !== 'undefined' ? parent.children.push(current) : (parent.children = [current]);
}
});
});
children.sort(fnPermissionSort);//增加子级排序
};
//调用转换方法
translator(parents, children);
return parents;
};`

标签页样式

标签页样式调整一下会不会更好？

当前

Token的过期以及refresh问题

Token的过期是靠后端反馈(如果我没有看错的话)，token是直接在前端可以判断出是否过期的，从请求后再去判断过期，不太合理。此外，也没有看到refresh token的操作

[question] Warning: The animation trigger "tabSwitchMotion"

Can you help me understand why this warning appears on localhost but doesn’t on the server that's currently running, is it because it only shows warnings before the source code is published? It's quite confusing to look at.

[Question] Starter Kit Template

Any plan to have a starter kit?

弹窗，为什么提示Can't bind to 'nzErrorTip' since it isn't a known property of 'nz-form-control'

use of wrong pattern to get variable value

In src/app/core/services/common/reuse-strategy.ts

// 是否允许复用路由
shouldDetach(route: ActivatedRouteSnapshot): boolean {
// 是否展示多页签，如果不展示多页签，则不做路由复用
let isShowTab = false;
this.isShowTab$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(res => {
isShowTab = res.isShowTab;
});
return route.data['shouldDetach'] !== 'no' && isShowTab;
}

This is a pattern for synchronous execution, but using subscribe on an observable results in asynchronous execution. The value of the variable isShowTab when evaluating the condition (return route.data['shouldDetach'] !== 'no' && isShowTab;) may not be as expected

Consider using :

// 是否有多页签，没有多页签则不做路由缓存
isShowTab$ = inject(ThemeStoreService);
.
.
.
shouldDetach(route: ActivatedRouteSnapshot): boolean {
// 是否展示多页签，如果不展示多页签，则不做路由复用
let isShowTab = this.isShowTab$.getCurrentThemesMode().isShowTab;
return route.data['shouldDetach'] !== 'no' && isShowTab;
}
.
.
.
.
adding to theme-store.service :

getCurrentThemesMode(): SettingInterface {
return this.themesMode$.getValue();
}

auth0/angular-jwt 已经关闭了，建议使用目前还在维护的库

angular-jwt

Warning This repository has been archived, the libaray has been deprecated, but remains available on NPM.

reuse-strategy.ts 有一处判断不合理

判断comp == null 应该写在 comp.instance之前，否则可能会 null.instance

带选择框的表格如何按条件设值禁用？

如图，应该如何传递条件参数，禁用符合条件的checkbox?

[question] form modal validation

Can you tell me about the modal behavior? Is there a way to prevent the modal form from closing when a user enters an incorrect email format? It seems quite inconvenient to force users to reopen the modal and re-enter the information if they only made a mistake in the email field. https://i.imgur.com/v1QnSwY.png

建议，工作台支持拖拽与布局

华为云用的gridster2，可以参考

在发布之后，手机端浏览器浏览时，导航菜单字体变成黑色

电脑端浏览正常，手机端浏览菜单的字体颜色变成暗色，点击字体发现恢复。

建议gitee上也同步更新，在GitHub上clone太难了。

标签页和面包屑导航能交换下位置吗

像下面这种