问题标签 [ant-design-pro]

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 投票
0 回答
2244 浏览

angular - ng zorro 选择不加载选项

我正在使用 Angular 7 创建一个网站。我在应用程序的任何地方都使用了 ng zorro 库。我有一个nz-select里面的Form。由nz-select模型动态加载。问题是我们在模型对象中有两种语言。但是里面给出的默认语言是里面ngModel [(ngModel)]="selectedLanguage"唯一的一种。我在. 但只有默认的显示。所以我只是在当前的下方添加了另一个带有两个 static 。我没有给出任何默认值。所以没有填充和列在. 像这样在应用程序的几个地方使用。但这是唯一不工作的。nz-optionnz-selectnz-optionnz-selectnz-selectnz-optionnz-selectnz-select

注意:如果我们更改代码中的任何内容,将会发生自动重新加载。自动重新加载后,一切nz-option都会在那里。但是,如果我们手动重新加载,则仅显示默认值nz-option(如果有)。

我的代码片段如下。

.

.

0 投票
1 回答
892 浏览

angular - 使用带角度的蚂蚁设计组件

我面临一个奇怪而令人困惑的问题。处理 Angular 8 项目并使用 ant 设计组件https://ant.design/。我需要做的是一个登录页面和一个布局,在成功登录尝试后用户将重定向到该页面。登录和布局被组织为角度模块化结构。

用户可以按预期看到登录页面,但作为真实应用程序的默认模块似乎不应该如此。

我已将我的项目上传到 github。

https://github.com/azizkazdal/AngularAntDesginTemplate

所以我需要一些建议。我还附上了屏幕截图

在此处输入图像描述

0 投票
0 回答
547 浏览

reactjs - 使用 ant design react 在扩展行中搜索

我在表头中有一个搜索字段,需要在我的扩展行中进行搜索。今天只能找到属于表头的元素。

我今天的代码示例:

我需要它像这样的图像:

搜索示例

0 投票
1 回答
1435 浏览

reactjs - 如何在 React / Ant Design Pro 中实现经过身份验证的路由

我希望能够执行:

如果未登录用户将被重定向到登录页面并从那里重定向到 /compose。我很乐意学习通用的 React 解决方案或特定的 Ant Design Pro 解决方案。我知道 And Design Pro 有 AuthorizedRoute 但我不知道它是否允许这样做。

我正在使用 react-router 4.3.1 和 antd 3.23.6。

谢谢

编辑:

它可能需要类似于@tyler-mcginnin 的答案

0 投票
2 回答
1002 浏览

reactjs - 在 Ant Design Mobile React-Native 中自定义主题

我正在尝试在Ant Design Mobile React-Native中自定义主题。我正在使用 Expo-cli。

我试图分叉https://github.com/ant-design/ant-design-mobile-rn

并在https://github.com/ant-design/ant-design-mobile-rn/blob/master/components/style/themes/default.tsx中自定义主题变量,

但是当我安装分叉的 repo 并使用import {Button} from '@ant-design/react-native/lib/button'时,它会导致错误“无法解析 @ant-design/react-native/lib”。

然后我将文件夹“components”重命名为“lib”并删除 .gitignore 文件中的 /lib 并重新安装分叉的 repo。它现在有效,但我不确定我所做的是否正确。请帮我检查这是否是使用分叉回购的正确方法。

0 投票
4 回答
70 浏览

javascript - 循环内的 ReactJs 数据为空

我有一些数据并想循环通过它来呈现一些 UI。在上面的代码中,我尝试循环数据并检查是否启用了键,然后回显 html 值。它成功打印yesconsole log但 html 未按预期呈现。有人遇到过这样的问题吗?请帮忙。

0 投票
1 回答
183 浏览

javascript - ReactJs 在 optgroup 中显示数据

(this.props.datacat) 的数据

上面的代码如果键是名称则尝试显示数据,然后创建optgroup标签,否则它将显示选项值中的所有数据。之后,应该在选项值内的选项值 id<Option key= {key} >{singleData[key]}</Option>和要显示的文本就是该值。有人知道怎么做吗 :( ?

0 投票
1 回答
1017 浏览

reactjs - 如何有条件地为 AntD 表中的特定行着色

我正在尝试根据来自表数据源的一些数据为整行着色。

我已经看到您可以使用rowClassName,但不太了解它是如何工作的。

会喜欢一些打字稿的例子!谢谢!

0 投票
0 回答
29 浏览

node.js - 如何自定义 Angular 应用程序的工作流程,使其在进入应用程序模块之前从登录页面运行

我是 Angular 的新手。在我的应用程序中,app 模块被设置为 main.ts 中的引导模块,因此该应用程序将从我的 app.html 运行。但是,我想添加一个欢迎页面,以便用户在访问应用程序之前从那里登录。

这是我的 main.ts:

我的应用程序当前从 AppModule 运行,但我希望应用程序在用户登录之前从 index.html 开始。

希望有人会在这里提供帮助。

0 投票
4 回答
6716 浏览

javascript - 以 Antd 形式以数组形式获取结果

我希望我的表单以数组格式提交价格数据,目前,我的表单有一张地图,看起来像

在这里,我在这里映射我的类型并包括 basePrice 和 highPrice 字段

结果是:

我想把上面的结果做成数组格式怎么办呢?