问题标签 [angular6-json-schema-form]

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 回答
869 浏览

angular - 在“mat-expansion-panel”中,面板在路由时关闭

我正在mat-expansion-panel为我的sidemenu工作。我正在尝试执行以下示例:

默认情况下,面板应该关闭,但是当我点击任何链接时,当它路由到其他页面时,面板应该被展开。当我点击任何其他面板时,相应的面板应该关闭。

我在路由到面板正在关闭的其他页面时遇到问题。

下面是代码:

0 投票
1 回答
104 浏览

angular - 如何配置表单字段需要验证或不使用属性文件

如何配置表单字段需要验证或不使用属性文件。

例如:我们有很多表单域。姓名,年龄,地址

使用配置文件想要使名称和年龄成为必需的。

稍后如果需要将 Age 设为可选。

我们如何存档。

0 投票
0 回答
394 浏览

angular - angular json schema form remove selected options from select options

I'm creating a form using angular-json-schema-form, I have an array where the user can select a value from a drop-down menu, I would like to know if it is possible to remove from the drop-down menu options those already selected previously in order to do not have equal values.

I can disable the submit when there are equal values through uniqueItems, but what I would like is not to display the values in the options

this is my json-schema

#xA;

In the link below is the image of how the form is shown, as you can see in the first select "it" is selected and I want that in the second select is not shown among the options form-layout

0 投票
1 回答
322 浏览

angular - Angular 6:使用提取的 API 中的 Json 显示图像时出错

我正在尝试从 Angular 6 中的 Pexel API 获取图像。我正确地从 API 获得响应,我可以在我的 console.log 中看到它。我无法访问获取的响应的 url,以便我可以在网页中显示图像。

我尝试了访问 JSON 的正常方式。

我正在尝试使用以下HTML中的照片对象访问 url :

打字稿文件

画廊服务文件

**出于安全目的,我已更改 API KEY。

API的响应

0 投票
0 回答
26 浏览

angular6-json-schema-form - 如何访问 angular6 json 模式表单库核心元模式

我第一次使用 angular6-json-schema-form 库并创建了一个带有模式和数据部分的 example.json 文件

如何从 example.json 引用 angular6-json-schema-form 库引用的核心元模式定义的草稿版本

0 投票
2 回答
418 浏览

angular - 尝试即时更新生成的 angular6-json-schema-form

我正在尝试使用 angular6-json-schema-form 在我的 angular 8 应用程序中显示不同的表单。

我创建了一个 FormTemplate 模型,该模型包含有关需要显示的表单的一些属性,并使该对象成为可观察对象,并通过带有符号的共享服务使其可用

在我的不同组件中,我正在观察这个对象,事实上,每次我对对象进行更改时,我都会通过 next() 方法接收通知。

在我的一个组件中,我使用 json-schema-form 选择器来显示一个表单,同时确保我对模式、布局和数据使用属性绑定,如下所示:

我知道我正在为 data 属性使用 2 路绑定,但这是从示例中获取的,我希望它能够按原样工作。

当我在组件的 .ts 文件中的 next() 方法中更改 this.currentData 的值时,表单不会在屏幕上更新和刷新。

我真的需要它来工作,因为我的真正目标是显示一个表单并让用户使用下拉菜单在此表单和第二个表单之间切换。我希望每次更改架构、布局或数据时都会动态修改表单。

任何人都可以帮忙吗?

谢谢!

0 投票
1 回答
1302 浏览

angular - 带有多选表单更改事件的angular6-json-schema-form问题

多选的当前实现没有显示 <mat-select [formControl]="toppings" multiple>,因为这里对于类型“数组”和“枚举”它显示“复选框”。因此,我通过以下方式覆盖了该行为:

我创建了一个 MaterialSelectComponent 文件,它是来自“angular6-json-schema-form”的同一文件的副本,然后添加了如下所示的自定义小部件。

我有 4 个元素,一个文本,一个日期,一个单选和一个多选,如下所示。

现在的问题是它没有捕获方法form-group.functions.ts文件中仅针对“my_multi_select”元素的数据更改事件。对于其余 3 个元素,任何更改都会得到回调并且值会被捕获。我已经在json-schema.form.services.ts下面调试了所有控件都注册订阅的地方。在我的 4 个元素中,多选是“FormArray”类型,其余是“FormControl”。

FormArray 类型订阅或事件发射器是否存在已知错误?

我也尝试使用 ViewChild 来获取值,但除了多选之外,我仍然只能获取其他人的值。我仍然不明白,当我在 UI 中选择多个值时它仍然显示在那里,这意味着它存储在某个地方(可能在 controlValue 中)但是为什么无法访问该值(没有 onchange 事件)?

0 投票
1 回答
521 浏览

angular - 如何将角度模型中的数据检索到控制器中

喝水.component.ts

用户信息.service.ts

用户信息.model.ts

饮用水组件的控制台输出 -> readUsrInfo(console.log()) 请将 > 替换为向下实心箭头作为 json 结构。我无法格式化

问题

如果我尝试从控制器控制 this.userInfoService,我会得到上面的控制台输出。如何在 readUsrInfo 方法中访问姓名和性别?this.userInfoService.gender 返回未定义。

任何帮助表示赞赏。

0 投票
1 回答
595 浏览

javascript - 我需要使用递归在 Angular 6 中创建行和列,其中行可以列和列具有任意数量的行

我尝试使用动态 HTML 制作它,但我无法在动态 HTML 中调用点击事件。

这是我自己尝试的

我的.html 文件

这种类型的 JSON 用于制作行和列,我们的 JSON 中也有标识符和行列检查。请帮助我卡在这里太糟糕了,我需要在下面的json的基础上制作行和列的网格

0 投票
1 回答
381 浏览

json - 提交后无法清除 angular-json-schema-form

我正在使用 json-schema-form 构建一个表单,并且正在使用这个库。 https://www.npmjs.com/package/angular6-json-schema-form

这看起来不错,但我有一个问题。提交后,我想清空表格,但是不可能。

我在文档中找不到方法,也搜索了stackoverflow并google了,但没有得到解决方案。所以我在提交后使用Javascript清除了表单,但是表单数据似乎保存在某个地方,因此可以重新提交而无需任何操作。

这是代码