问题标签 [ngmodel]

标题是不言自明的，所以 - 我在 app.component.html 文件中放置了一个输入元素，这是代码： <input type="text" name="titleInput" id="titleInput" [(ngModel)]="titleInput"> 然后我尝试在另一个组件中创建一个 h1 元素，因为我希望它显示输入的内容输入字段。没用。在 app.component 中制作了一个 h1 元素 - 工作正常。我搜索了很多，但没有找到任何东西。你能帮助我吗？

我真的很生气。我已经尝试了一切。FormsModules，ReactiveForms，FORMDIRECTIVES，Input，Output 我一直在到处寻找如何使 ngModel 在组件之间可用。我试图在 h1 标记中显示正在使用字符串插值在输入标记中输入/删除的值，但是它不起作用，这些是文件：app.component.html：

app.component.ts

notes.component.html

input.component.html

我有一个角度的形式。该表单由一个带有多个选择的 ngFor 组成。

这个例子的数据：

奇怪的是，当我更改第 2 次选择时，第 4 次选择将反映相同的更改。但是，该模型不会反映这种变化。

无论出于何种原因，视图都会在匹配后更改输入 2 索引。更奇怪的是，这只会在第一次发生，然后它会按照你的预期表现。

这是查看问题的插件： http ://plnkr.co/edit/q1YnoPBFdBKm0JDMVk7Q?p=preview

什么会导致这种情况？我该如何解决这个问题？

实际上，我正在尝试使用 Angular 4 cli 和 JSON 数组来创建自定义数据表。我已经成功创建了带有动态列和动态行的表。所以，我想通过使用下拉复选框样式来修复表格的过滤列。这是我的代码：

而我的 component.ts 文件代码是：

因此，当我尝试调用 [(ngModel)]="column" 时。它向我显示错误，例如：未捕获（承诺）：错误：无法分配给引用或变量！

带有 ngFor 和 trackBy 的 ngModel：trackByIndex 没有按预期工作。这是我的 html 模板：

我做了一些测试，并使用了一个对象数组和下面的对象数组，它按预期工作：

做一些测试，它奏效了。更改ngModel为 justquestionsArr[i]也会为每次迭代产生一个单独的对象。问题似乎是[(ngModel)]="questionsArr[i].text"它不能按预期工作。

questionsArr 只是一个数组：' new QuestionModel("Question Text", this.s.name, "",null);'

这是我的组件的相关部分：

从我收集到的内容来看，我要使用trackBy它，它做了它应该做的事情，我不只是知道为什么我不能ngModel让它绑定到正确questionsArr[i].text访问正确索引的 text 属性，questionsArr因为访问 questionsArrenter code here工作正常.

我使用 jquery 以编程方式填充表单输入字段值。这些值在表单中可见。当我在提交时 console.log 表单数据时，该数据不包含值。当我手动修改值时，数据确实包含值：

我运行一个填充输入字段的函数：

这会填充这样的输入：

我可以在输入字段中看到这个新填充的值。如果我编辑该输入，我可以在提交时获得值。但如果我保持原样，它只会返回组件定义的属性：

如何让 ngForm/ngModel/ngSubmit 查看这些 jquery 填充值？

仅供参考，我的表格如下所示：

我有两个字段 fe

我想将第二个字段中的一个标记为已触摸，这可能吗？我尝试在名称上使用 (ngModelChange)="surname.control.markAsTouched(true)" 将姓氏标记为已触摸，但它不起作用

我已经定义了一个类，实例化它并将对象归因于范围。ng-model 中的引用已经完成，但我不知道为什么这段代码不起作用。帮帮我，我怀疑 Angular 不适用于使用保留字“类”定义的类

我正在使用(ngModelChange)多个属性，但其中一个属性对于某些条目可以为空。目前我发现的唯一解决方案是使用*ngIf条件复制输入以检查属性是否为not null.

如果我不这样做，我会调用以下错误ngModelChange：

错误类型错误：无法读取未定义的属性“member.instrument.key”

我确信有一种方法可以只用一个输入字段来做到这一点......也许在member.instrument.key未定义时将其设置为空？

假设我有一个数组 [1,2,3]。我想迭代所有项目并将每个项目绑定到 ngModel。当我在更改第一个元素后运行此代码时，第二个元素获得相同的值。有什么问题？