问题标签 [angular4-forms]

我的主页中有一个搜索表单，其中包含输入框和选择下拉菜单。用户可以通过键入位置或通过 html5 地理位置来搜索其他用户。因此，当用户第一次访问该页面时，它会询问用户是否让应用知道他们的位置。如果他们同意，则从下拉列表中选择纬度经度和选择的选项并运行数据库查询。但是，我不确定我的以下尝试是否应该是这样。因为我还想在用户使用或不使用地理位置进行搜索时绑定选择。我的选择输入是

我在 angular2 组件中的地理定位功能看起来像这样

但是当successPosition()收到我无法分配的参数时latitude，longitude同时btype。如果我分配latitudeand longitude，btype则未定义，反之亦然。请告诉我这是我该怎么做还是有另一种方法？

我正在尝试使用 ngx-translate 或 ng2-translate 几个月...

我继续放手一段时间，继续开发应用程序的其他部分。

我现在再次尝试使用 Core 2，但仍然没有运气。

我创建了这个项目，它运行良好。我可以更改或创建 Angular 组件，一切运行良好。

一旦我安装 ngx-translate ( https://www.npmjs.com/package/@ngx-translate/core ) 或 ng2-translate ( https://www.npmjs.com/package/ng2-translate ) 什么都没有作品。我遇到的最常见的问题是

我在安装时收到这些警告：

npm install @ngx-translate/core --save

对于 npm 安装 @ngx-translate/http-loader

这不是我获得“预渲染失败，因为...”的唯一文件。例如，最奇怪的是如果我下载 Mark Pieszak 模板https://github.com/MarkPieszak/aspnetcore-angular2-universal。我在错误中得到另一个文件：

没有我做任何改变......这是Windows问题还是什么？

从 github 上的其他问题和问题，例如Ionic：错误：模块构建失败：错误：ENOENT：没有这样的文件或目录 我怀疑在我将 Angular 更新到最新版本 4.3.6 之后，一些包已经改变了它们的大小写，但是我找不到他们。

我还没有编写代码来使用这些包之一......

我的 package.json 是：

我的 app.module.ts 是：

GIT 存储库在这里https://github.com/dobrinsky/AngularDefault。

请帮助...这很难理解为什么不起作用，因为每个人都说它很容易使用...

PS我没有使用webpack。这 2 个包需要 webpack 才能运行吗？

更新：使用npm install webpack抛出

在此之后我尝试了：

• 完全卸载节点（以及任何版本管理器/等）
• 转到 %AppData% / roaming 删除那里的任何 npm 或 npm 缓存文件夹
• 重启你的机器，安装最新的 Node 6.*
• npm i -g webpack

安装时我没有收到上述警告，但现在我得到：

我有一个带有三个单选按钮的表单。默认选择第一个。第二个必须有条件地显示一个输入字段以单击它。并在选择第三个选项时用一些值填充该输入字段。

按顺序单击它们，即（第二个然后第三个）可以正常工作。但是选择第一个选择第三次剂量不填充该字段。

见 Plunker：

试图找到任何相关的解决方案或问题，但没有帮助。

我有多个使用 *ngFor, [(ngModel)] 动态创建的模板小部件。现在，这些模板中的每一个都包含一个选择选项列表。

问题是：

如果我从 Template#1 中选择 option#1，其他模板也会得到 option#1。如果我在其他模板中更改选项#2，比如模板#4，所有模板都会获得相同的选项#2。

我试图像这样消除这个问题：

一世）

并且，

ii)[(ngModel)] = "selectedOption[$index]"

但在这两种情况下，我都无法识别 myFunc 函数中单个模板的“selectedOption”。

dashboardConfig.component.html ###

这部分要选号。小部件

这部分用于创建小部件

dashboardConfig.component.ts ###

ArrayMaker() 这部分创建一个选定数字的数组，不详述

所以问题发生在 [(ngModel)] = "selectedOption".

1）如何为每个小部件选择单独的选项？例如对于小部件 #1 -> 选项 #2；小部件 #2 -> 选项 #5 等。

"selectedOption"2）如何通过假设我们有一个小部件的json文件和相应的选项来显示每个小部件的预选 选项？

我正在使用角度反应形式为嵌套对象数组构建一个形式。我能够绘制表单并且它按预期工作，但在一种情况下，我希望能够使用当前在 UI 中输入的值填充某个输入框

我想要的是？ 下面是我的用户界面，你可以看到我有一组属性。我想要的是当用户输入一个propertyName时。我希望能够将其添加为数组并显示 messageId 字段的下拉列表（它是一个多选剑道组件）

我有的？

为了收听 propertyName 的变化，我使用了 angular forms 已经为每个 FormControl 提供的 Observable 并编写了以下代码

但是每次按键而不是 onblur 都会触发 valueChanges 事件。因此，如果用户输入 Apple 作为属性名称。我的列表中将包含(A, AP, APP...)。

Question 如何订阅FormControl输入框的onblur事件？基本上我正在寻找像propertyNameControl.onFocusOut.forEach()这样的东西

已经有一些博客针对此错误发布了，但没有为 FormGroup 指定任何博客，它们都使用 FormArray 提供了解决方案

出于某种目的，我不得不在 Angular 4 中创建一个嵌套的 FormGroup，当我在开发模式下使用该代码时，它没有显示任何问题并且编译完美。但是，当我尝试在生产模式下编译相同的代码时，它会抛出“属性'控件'不存在于类型'AbstractControl'”的错误。

组件.ts：

组件.html：

所以我在这个 html 中遇到问题[formControl]="sheduleForm.controls['user_schedule_details'].controls['mon'].controls['schedule_time']" 任何人都可以帮助我。我知道这个表单控件名称看起来很奇怪。但只有这样我才能访问表单值。如果这不是使用 formControl 的正确方法，请告诉我，我可以用什么代替？

我有一个服务，它返回一个代表用户拥有的钱的值，我希望用户能够以等于或小于总金额的值进行交易。我试过像这样使用最大验证：

但它不起作用，似乎max()必须从一开始就设置 in 的值，所以它只会假设 totalAmount 为未定义。

我试图在我的视图上绑定我的模型，但是当我提交表单时出现问题：我没有数组，但有很多属性。

零件 ：

我的模板：

question.ts（模型）

answer.ts（模型）

初始对象：

提交后控制台：

提交后我想要与初始对象相同的东西（更新数据的相同结构），提交前后相同的数据结构

我在我看来尝试过这个，但它不起作用：

我在 *ngFor [ngModel]=question.answers[i].text中转换 [ngModel]="answer.text"，但我有同样的问题......

我从不同的帖子中尝试了很多东西：Angular 2 form with a array of object inputs，Angular 2-2 Way Binding with NgModel in NgFor

但总是有很多属性，没有数组

我想在没有反应形式的情况下做到这一点，只有模板驱动

演示：

https://angular-by7uv1.stackblitz.io/

我想使用与我的对象“答案”不同的函数，例如：answer.getInformation()、getCount()、getInspectMyObject() 等。在我看来，仅迭代我的对象。此功能由我的模型“答案”提供，以便在我看来有一个干净的代码。我想在 *ngFor 中使用我的模型中的许多功能。如果我使用反应形式，我不能使用与我的模型不同的功能，因为我的父对象和我的孩子之间的“链接”被破坏了。

解决了

https://fom-by-template-driven.stackblitz.io

我想在不使用change()或click()功能的情况下获取组件中表单的所有已检查项目，因为它无法获取已检查的项目。

这是我在 TS 中的数组：

我的 HTML 表单：

我想要获取所有检查值的 onSubmit 函数：

我们如何在验证器函数中访问整个表单。

我尝试给 control.parent.parent ，但它抛出一个错误。

我们怎样才能做到这一点？谢谢