问题标签 [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.
javascript - Angular2 ngModel 更改输入类型 =“数字”上的绑定
我有一个数字类型的输入,当我尝试使用 onChange 事件更改值时,它不起作用。
我已经尝试过相同的文本输入,并且效果很好。
我是 Angular2 的新手,所以我在这里缺少什么?
PS。我已经看到了与采用布尔值的输入类似的问题
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 个值对应于正确的标签)
有任何想法吗 ?
javascript - 如何实现迭代的、数组填充的 Angular 2 输入?
我希望能够按顺序添加/删除项目并将它们聚合到一个数组中以发送到后端。数据将如下所示:
- 客户姓名:比利
- 订单:[披萨、汉堡、寿司]
找不到任何进入迭代输入绑定的 SO 答案或文档。有人尝试过吗?模板代码:
在 Add New 按钮的 click 函数中:
...firebaseStuff... .push({name: name, order: this.itemsInNewOrder})
不幸的是,这不起作用。提前致谢!:)
编辑1:有2个按钮(分别)触发:
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 是标准的快速入门:
谁能帮我?
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 值?也许我还有其他问题...
angular - Angular2 操作 ngModel 视图
我想像在 Angular 1 中操作 $formatter / $parser 一样操作 ngModel 视图。
我最初的想法是执行以下操作
并使用此功能
如果用户输入 40,则基本上将视图更改为 40%。
c# - 无法找到 NgModel
注释代码不起作用。我需要使用量角器通过 ng-model 和 ng-binding 查找元素。由于没有使用 Xpath,我需要一种方法来找到没有 id 和角度组件的元素,可以通过定位器(例如 ng-model 和 ng-binding)找到。我还使用 nuget 包管理器在参考中添加了量角器,请帮助解决
javascript - Angular-froala 没有更新 ng-model
HTML:
控制器:
JavaScript 包含的顺序:
在 中的函数ctrl.updateModelView()
中angular-froala.js
,我可以看到值正在正确更新,但它似乎没有将值传递回父范围。无论我做什么,每当我记录控制器的 $scope 时,froalaContent 总是等于一个空字符串。
通过将 HTML 元素上的 ng-model 更改为,我设法让它更早地工作,ng-model="$parent.froalaContent"
但这似乎不再起作用。
我已经研究了一段时间的文件,我觉得我把所有东西都放在了正确的位置,有人可以分享一些关于我哪里出错的见解吗?可能是我使用了过期版本的 jQuery,还是我弄乱了文件包含的顺序?
感谢您的任何帮助。
angular - Angular2 keyup 事件更新 ngModel 光标位置跳转到结束
我遇到了应该执行以下操作的 Angular2 指令的问题:
- 检测用户是否输入'.' 特点。
- 如果下一个字符也是 '.',则删除重复的 '.' 并将光标位置移动到“。”之后 字符
我有上述工作,但是,当将它与 ngModel 结合使用时,每次更新模型时光标位置都会跳到末尾。
输入:
指令:
这有效,除了光标位置跳到末尾。删除线:
修复问题,光标位置正确,但模型未更新。
任何人都可以推荐一个解决方案吗?或者,也许我对问题采取了错误的方法?
谢谢
angular - 动态创建的 mutl select html 元素的 Angular2 数据绑定
我在将多选 html 元素绑定到 ngModel 时遇到问题。当我提交表单时,我从多个选定的标签中只得到一个选定的标签。我需要一种方法来绑定所有选定的值并在提交表单时返回这些值
我尝试了以下场景
1)
在上面的代码中,即使更改事件被触发,multiSelect1 也没有得到更新。提交表单时输出为2
2)在这里我没有使用任何更改仍然获得相同的输出。仅显示所选标签的第一个选项
使用 Angular 版本2.0.0-beta.15
我想知道 setSelected 是否返回任何值,该值是否会绑定到 ngModel 但它没有被绑定。
我正在寻找一种在提交表单时绑定并获取所有选定选项的方法。