问题标签 [angular4-forms]

我有一个角度组件“表单字段”，它根据生成表单的输入类型迭代输入类型数组。我的问题是当我尝试将该组件插入到我的表单中时，如下所示

我想将 ngForm 附加到表单字段，以便当我返回 form.value 时，我可以接收从表单字段生成的值。我该怎么做呢？

推杆

表单返回一个值

{“把钱拿出来”}

但是，将输入放在我的“表单字段”组件中不会返回数据。

formFields.component.html

计划是将 ngForm 传递到列表中，以便能够传回每个输入字段的值。

更新： 在实现 ControlValueAccessor 之前

实现 ControlValueAccessor 后

以最简单的形式

有效，以下无效

formFields.component.html

我正在尝试在 Angular 4 中为 Base Converter 编写从十进制到二进制、八进制和六进制的代码。但我得到了“超出最大调用堆栈”。

这是有错误的当前代码。

html

ts

我收到屏幕截图中提供的以下错误。

我的要求是构建一个具有 2 个或更多 html 模板的组件，其中每个 html 模板具有至少 20 个控件，并根据少数条件加载该特定模板。

注意：我选择了 3 个不同的模板，因为控件根据模板类型而有所不同，其中作为输入的单个 ts 文件和驱动获取和保存模板中值的逻辑保持不变。因此，我决定将 3 个模板和一个 ts 文件作为一个组件。

我已经尝试过上述替代方法，因为它看起来是实现该行为的简单解决方案，但编译失败并找不到要求。在 AngularJS 中，我们有 ng-Include 来填充任何模板，但看起来 ng-template 不支持加载外部 html 内容。

请不要将此标记为重复，因为出现了许多与此类似的查询，但大多数解决方案已被弃用或不适用于 Angular 4。请提供替代方案，而不是附加不同的链接。

我正在尝试创建一个带有一些附加属性的 FormControl 子类，然后可以在我的自定义表单控件中使用这些属性来更改行为。

我尝试如下从 FormControl（比如 StandardFormControl）继承并用于创建表单组，但是当我在指令/其他任何地方访问 formcontrol 时，我没有获得子类表单控件的属性。

表单组创建如下

有人有什么想法吗？

我的 FormArray 中有一个选择标签，我已经使用来自 api 的 http 获取了该选择的选项。我有以下错误帮助我。

CashPluckingLeafComponent.html:44 ERROR 错误：找不到“object”类型的不同支持对象“[object Object]”。NgFor 仅支持绑定到 Iterables，例如 Arrays。

成绩包含来自 console.log(grades)

(2) [对象，对象] 0：对象 1：对象长度：2

我想知道如何实现退出时确认组件，以便在页面刷新或离开选项卡或窗口或屏幕时我可以执行退出时确认方法，这样如果用户单击OK，他将离开屏幕并单击NO他会留在同一个屏幕上吗？

我在这里使用的代码是：

我不知道错误在哪里。我无法执行此功能。谁能帮帮我？

我想单独打开登录页面。但它在routeroutlet页面内部打开。请帮忙。

PFB 下面的截图供您参考。

请参考下面我的代码。

App.Routing.ts ：

App.Component.html

应用模块.ts

App.Componenet.html：修改

Home.component.html 修改

app-top-bar 包含顶部菜单和侧边栏用户菜单。它是静态组件。

提前致谢。

我是 Angular 4 的新手，我正在尝试配置引导程序。我安装了 ng-bootstrap：

https://ng-bootstrap.github.io/#/getting-started

我在页面上都喜欢，但我没有在我的页面上看到引导程序。这是我的代码：

src/app/app.module.ts

src/app/app.component.html

我还尝试了 index.html 中的一些代码，但它不起作用，

对于这条线，我希望看到一些颜色：

当我检查 html 的标题时，我没有找到任何 bootstrap 参考。请问有什么帮助吗？谢谢

我有一个嵌套形式，一个组内的一个组：

当我想用预填充的数据更新表单时：

this.listingForm.get('placeFirst.valy').setValue(listing.placeFirst);

该表单已预先填充，因为我可以看到填充了 json 管道的字段，但 md-select 不显示标题。HTML 是：

如果我使用 'select' 和 'option' 而不是 'md-select' 和 'md-option'，我可以看到当前选择的选项的标题。

因此，在 myForm 中，有 2 个字段名称和电子邮件，我想添加验证以检查用户是否输入其中任何一个，它将通过验证；如果两个字段都为空或为空，则失败。

如何编写这样的验证器来满足我的场景？