问题标签 [angular4-forms]

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 投票
3 回答
1155 浏览

angular - 通过打字稿代码显示/隐藏 md-sidenav

我有一个带有他的模板 html 的打字稿代码

如果我单击它可以工作的按钮,但我想通过打字稿代码显示和隐藏sidenav

你怎么办?

非常感谢,因为我不知道通过打字稿获取元素

0 投票
3 回答
1704 浏览

angular - 如何将第一个选项设置为选定的选项,其中选项从选择框 anular 4 中的循环构建

我从事 angular 4 项目,在这个项目中,我需要将第一个选项设置为已选择,其中所有选项都是通过循环动态创建的。html代码:

如果有人知道,请告诉我。提前致谢!

0 投票
0 回答
64 浏览

javascript - 如何将第一个选项设置为默认选项

我从事 angular 4 项目。
在这个项目中,我需要将第一个选项设置为选择列表中的默认选项。
但是问题是这个选择框在一个子组件下,并且这个选择框的数据是从父组件传递过来的。
为了更好地理解代码如下:

父组件html:

子组件html:

子组件 .ts 代码:

我们无权访问ngOnInitor中的 services 变量ngAfterViewInit
我试图通过这些函数设置默认值。如果有任何其他建议如何将第一个选项作为默认选项,请告诉我。

0 投票
2 回答
1987 浏览

angular - 无法绑定到“formGroup”,因为它不是“form”的已知属性。在角度 4

我得到了像不能绑定到'formGroup'这样的错误,因为它不是'form'的已知属性。但是我导入FormsModule,ReactiveFormsModule并在导入中声明但我遇到了同样的错误请任何人帮助我谢谢我的代码是:

0 投票
1 回答
5314 浏览

angular - Angular 4,获取表单数据,编辑和上传


我正在尝试学习 Angular 4。边做边学。

我想要做的是,
1. 从服务器以 json 形式获取数据。[完成]
2. 将其填充到表单中。[有一些问题]
3. 让用户对这些数据进行更改 [完成]
4. 将新数据作为 json 发送到服务器。[问题:无法从表单中获取数据]

我面临的问题是,当我尝试提交表单时,我没有从表单中获取该数据。任何帮助表示赞赏。
我的模板文件

组件文件:

这是 JSON 的样子

0 投票
1 回答
413 浏览

angular - 如何:将 ngModel 绑定到 Angular 中的属性值

我想将 ngModel 设置为如下所示的属性值

//下面的代码只是为了解释我想要实现的目标

结果模板应该像

0 投票
0 回答
929 浏览

angular - 如何在 Angular 4 和 ionic 3 中使用动态 formControlName?

我是 ionic 和 Angular 的新手(或者就此而言,也是 JavaScript 的新手)。我正在尝试在我的消息传递应用程序中实现动态表单,用户将在其中回答服务器发送的民意调查。我的 HTML 和 TypeScript 片段如下。

messageList 正在通过我创建的模拟进行更新,如下所示

我得到的输出如下: 输出图像1

输出图像 2

这里的问题是,每当我按下任一表单的提交按钮时,即使只有一个满足 doSubmit() 方法中的“if”条件并且两个投票都得到 isAnswered 为 true,即使 console.log 两个表单都被提交在 doSubmit 中打印传递给 doSubmit 方法的 msg 的正确值。谁能指导我正确的方向?

0 投票
2 回答
1103 浏览

javascript - 表单数据在 Angular 4 http 请求中的请求有效负载中似乎是其他内容

我正在尝试将文件上传到服务器,所以我所做的是将数据 json 转换为 formData,将文件附加到它,然后发送到请求。我在requesPayload中看到的请求负载不是 JSON,而是其他东西。

此处附上请求有效负载屏幕截图:

这是组件功能代码:

这是服务功能:

这是请求有效负载:

我希望它像 JSON 对象,而不是现在的样子。有人可以帮忙吗?

0 投票
1 回答
111 浏览

angularjs - MEAN 2 多租户应用程序。创建 2 个不同模型的表格

在我学习 MEAN 堆栈的过程中,我正在构建一个小型多租户应用程序,并努力让我的用户/租户都注册。后端已排序,我相信只是无法弄清楚如何获得角度来打球。

Flow... 用户注册一个新帐户,同时创建一个新租户。像这样...

在大多数情况下,这可以按预期工作。至少在邮递员的测试中。

在角度我的注册组件(在我尝试引入租户之前处于其工作状态)看起来像:

和我的 AuthService(在我尝试介绍租户之前再次处于工作状态)......

现在,我不是在寻找讲义,也不是在寻找任何人为我写这篇文章……只是朝着正确的方向友好地轻推,如果这里允许的话;)。放弃响应式表单并使用 ngModel 会更容易吗?或者,也许,定义一个新的用户/租户混合的角度模型?

干杯。

0 投票
1 回答
5160 浏览

angular - Angular 4 - 将对象数组映射到模板中的 ngModel 驱动

我正在开发模板驱动方法的应用程序。下面是我的项目结构。

  • 父母

父组件.ts

父组件.html

  • 孩子

child.component.ts

child.component.html

child.ts

child.ts:

child.component.ts

当我尝试将地址对象的状态字符串映射到ngModel时,我无法执行此操作,并且它显示错误“无法读取未定义的属性‘状态’”。是否可以将对象数组中的对象映射到ngModel?如果是这样,如何做到这一点?