问题标签 [ngmodel]

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 投票
2 回答
12960 浏览

javascript - Angular2 ngModel 更改输入类型 =“数字”上的绑定

我有一个数字类型的输入,当我尝试使用 onChange 事件更改值时,它不起作用。

我已经尝试过相同的文本输入,并且效果很好。

我是 Angular2 的新手,所以我在这里缺少什么?

PS。我已经看到了与采用布尔值的输入类似的问题

0 投票
0 回答
162 浏览

forms - 如何在 Angular 2 中制作动态表单

我想从服务器更新一些数据。我将它们显示在一个表单中,以便能够更改值并提交它。

这是我的 form.template.html :

这是我的 form.component.ts 中的 onSumit 方法

问题是:

1)console.log显示undefinded

2) [(ngModel)] 仅显示最后一个 data.value (3 个输入,3 个相同的值)

<input value = "{{data.value}}" >工作正常(3 个输入,3 个值对应于正确的标签)

有任何想法吗 ?

0 投票
1 回答
230 浏览

javascript - 如何实现迭代的、数组填充的 Angular 2 输入?

我希望能够按顺序添加/删除项目并将它们聚合到一个数组中以发送到后端。数据将如下所示:

  • 客户姓名:比利
  • 订单:[披萨、汉堡、寿司]

找不到任何进入迭代输入绑定的 SO 答案或文档。有人尝试过吗?模板代码:

在 Add New 按钮的 click 函数中:

...firebaseStuff... .push({name: name, order: this.itemsInNewOrder})

不幸的是,这不起作用。提前致谢!:)

编辑1:有2个按钮(分别)触发:

0 投票
1 回答
11812 浏览

angular - Angular2 快速入门教程打破业力测试 - “不能绑定到‘ngModel’,因为它不是‘输入’的已知属性。”

我在尝试 TDD 时遵循官方的 Angular“英雄”快速入门教程。

https://angular.io/docs/ts/latest/tutorial/toh-pt1.html

一旦我到达更换步骤:

我的 Karma 测试运行器引发以下错误:

错误:模板解析错误:无法绑定到“ngModel”,因为它不是“输入”的已知属性。(" name: ][(ngModel)]="hero.name" placeholder="name"> "): AppComponent@6:23 预计未定义。

但是,该应用程序按预期工作,我在控制台中没有看到任何错误。(而且我相当有信心我正确地遵循了教程,看不到任何拼写错误等)

我的 app.components.ts 看起来像:

我的 app.module 看起来像:

一旦我从模板中删除 ngModel,Karma 就可以正常工作,正如我之前所说的,实际应用程序的行为符合预期。经过广泛的谷歌搜索后,我似乎找不到与我的问题有关的任何信息:(

我的 karma.config 是标准的快速入门:

谁能帮我?

0 投票
1 回答
92 浏览

angular - Angular2 ngModel-var 值与 this.var 值不同

我在子组件中的 ngModel 值有一些奇怪的行为。html代码:

kName 是一个输入字段(@kName:string),将从父组件填充。我可以看到“this.kName”每次都从父组件获取新值。但是当我在这个字段上设置一些操作后:

然后我想再次从父级填充 kName,我的 kName-current 值不会出现在 html-output 上,但我可以看到:this.kName 当我尝试这样做时:

我得到init了 html-pattern 的错误,因为 kName 是未定义的。如何刷新我的 ngModel 值?也许我还有其他问题...

0 投票
1 回答
246 浏览

angular - Angular2 操作 ngModel 视图

我想像在 Angular 1 中操作 $formatter / $parser 一样操作 ngModel 视图。

我最初的想法是执行以下操作

并使用此功能

如果用户输入 40,则基本上将视图更改为 40%。

0 投票
1 回答
501 浏览

c# - 无法找到 NgModel

注释代码不起作用。我需要使用量角器通过 ng-model 和 ng-binding 查找元素。由于没有使用 Xpath,我需要一种方法来找到没有 id 和角度组件的元素,可以通过定位器(例如 ng-model 和 ng-binding)找到。我还使用 nuget 包管理器在参考中添加了量角器,请帮助解决

0 投票
0 回答
877 浏览

javascript - Angular-froala 没有更新 ng-model

HTML:

控制器:

JavaScript 包含的顺序:


在 中的函数ctrl.updateModelView()angular-froala.js,我可以看到值正在正确更新,但它似乎没有将值传递回父范围。无论我做什么,每当我记录控制器的 $scope 时,froalaContent 总是等于一个空字符串。

通过将 HTML 元素上的 ng-model 更改为,我设法让它更早地工作,ng-model="$parent.froalaContent"但这似乎不再起作用。

我已经研究了一段时间的文件,我觉得我把所有东西都放在了正确的位置,有人可以分享一些关于我哪里出错的见解吗?可能是我使用了过期版本的 jQuery,还是我弄乱了文件包含的顺序?

感谢您的任何帮助。

0 投票
3 回答
17440 浏览

angular - Angular2 keyup 事件更新 ngModel 光标位置跳转到结束

我遇到了应该执行以下操作的 Angular2 指令的问题:

  • 检测用户是否输入'.' 特点。
  • 如果下一个字符也是 '.',则删除重复的 '.' 并将光标位置移动到“。”之后 字符

我有上述工作,但是,当将它与 ngModel 结合使用时,每次更新模型时光标位置都会跳到末尾。

输入:

指令:

这有效,除了光标位置跳到末尾。删除线:

修复问题,光标位置正确,但模型未更新。

任何人都可以推荐一个解决方案吗?或者,也许我对问题采取了错误的方法?

谢谢

0 投票
2 回答
1416 浏览

angular - 动态创建的 mutl select html 元素的 Angular2 数据绑定

我在将多选 html 元素绑定到 ngModel 时遇到问题。当我提交表单时,我从多个选定的标签中只得到一个选定的标签。我需要一种方法来绑定所有选定的值并在提交表单时返回这些值

我尝试了以下场景

1)

在上面的代码中,即使更改事件被触发,multiSelect1 也没有得到更新。提交表单时输出为2

2)在这里我没有使用任何更改仍然获得相同的输出。仅显示所选标签的第一个选项

使用 Angular 版本2.0.0-beta.15

我想知道 setSelected 是否返回任何值,该值是否会绑定到 ngModel 但它没有被绑定。

我正在寻找一种在提交表单时绑定并获取所有选定选项的方法。