问题标签 [angular-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 - 使用 ngResource 绑定输入 get() 使用 AngularJS 搜索
我有一小段代码可以对 3rd 方 API 进行查询。是这个吗:
在 html 方面,现在我只是在 li 上显示一个带有 ng-repeat 的 UL,基于一个特定的搜索。像这样:
我的问题是,如何创建一个输入字段,将里面的文本与搜索查询绑定?就像将字符串引入 ?=string 一样:
有什么想法吗?
谢谢!埃里克
javascript - 在 AngularJS 中的 ng-model 上定义一个空值
我有一个 $watch 输入,它实时更新搜索查询,全部使用 AngularJS。我的问题是,即使将模型的初始值定义为空,它也会触发搜索并默认显示结果。
所以我的问题是,默认情况下有一个空值,是否有某种方法可以仅在用户在输入中输入内容时才真正触发搜索?我尝试创建一个在 ng-click 上触发 $watch 的函数,但到目前为止没有运气,与 ng-init 相同。也许在 ng-repeat 上创建一个条件,使其仅在 name != '' 时运行?
关于可能的解决方法的任何想法?
这是我的 JS:
我的 HTML:
和一个工作的JSFiddle。
任何帮助将不胜感激!谢谢,埃里克
javascript - 在 ng-repeat 中生成 ng-model
我一直在阅读一些主题,但找不到解决这个问题的方法。
我正在尝试在ng-repeat中添加ng-model ,如下所示:
列表值是这样的:
在 ng-repeat 循环中,我希望它构建一个 ng-model,例如:formData.checkboxes.value1 formData.checkboxes.value2, formData.checkboxes.value3
等。
这可能吗?当我尝试上述方法时,什么都没有出现。我在这里做错了什么?
angularjs - KendoUI 数字框未正确设置 ngModel
如果我像这样初始化附加了 ngModel 的输入框:
现在,我输入值:
3.33333333
在其中并显示:
3.3333
但 ngModel 仍设置为 3.33333333
这是一个 Kendo-AngularJS 错误吗?
javascript - 带有 $watch 的 ng-model 仅响应完整字符串(AngularJS)
我正在用 AngularJS 编写一个 SPA。现在,我有一个输入字段,它使用 $http 触发对第 3 方 API 的查询。搜索是实时完成的,因为我有一个 $watch 与输入模型绑定。
我的问题是,无论出于何种原因,结果只会在完整字符串与结果一致时出现,而不是之前。
例如,如果我正在寻找Frank Sinatra ,当Frank被输入输入时会出现一些结果,但是一旦我在Frank Sin,就会出现完全不相关的结果(或结果与Sin一致,但与整体不一致字符串和所需的结果只会在输入整个字符串后出现。
我的理解是,输入不会将输入的文本视为一个整体,而是将其视为不同单词的总和,这会使查询行为不端.
我正在附加我的JS,也许我做错了什么!
javascript - 使用指令将 ngModel 添加到角度日期选择器输入
我正在尝试创建一个使用包含属性和验证等的模式对象生成的 ui。因此,我需要使用指令在我的 ui 控件上设置 ngModel。ngModel 的值是一个字符串,它表示范围内模式对象的属性路径。
我有这个适用于标准输入,但是在使用 angular ui datepicker 时出现以下错误。
我的指令如下。
由于 ngModel 的价值存在于范围内,我相信我需要链接功能而不是编译。我已经尝试添加Require: ?ngModel
到没有区别的指令中。还尝试增加优先级,但这会将错误更改为
Error: [$compile:ctreq] Controller 'ngModel', required by directive 'input', can't be found!
如果我删除$timeout(function(){}
周围的$compile(element)(scope)
2 个弹出日历,则会出现重叠。这在浏览数月时很明显。
有任何想法吗
更新:见链接 plkr
angularjs - 在 AngularJS 的引导程序之后,如何使用 ngModel 将输入控件与 Javascript 绑定?
在 AngularJS 的引导程序之后,如何使用 ngModel 将输入控件与 JavaScript 绑定?
我尝试ng-model
通过方法添加属性setAttribute
,但没有奏效!
javascript - 当有表单默认数据时,如何触发表单验证 css 类?
我已经生成了一个带有一些默认数据的表单,当用户点击提交时,如果数据有效或无效,ngValidate 应该触发对应的 css 类。
在以下示例中,电子邮件模型作为一些无效数据:
http://plnkr.co/edit/zb74FvMIPHEesOtyzBEz?p=preview
我想知道当用户单击提交时如何使 ng-validate 触发错误类(样式红色背景)?
感谢您的关注!
javascript - 如何将 ng-model 添加到自定义指令?
我在这里做错了什么?在 Angular JS 中,我试图将 ng-model 名称添加到自定义指令中,以便它与父范围绑定。我希望它看起来像这样:
我在指令中尝试了这个,但是我想通过属性传递的 ng-model 名称没有将它添加到模板中:
我究竟做错了什么?
angularjs - AngularJS 形式的动态 ng-model 名称
我有一个 AngularJS 表单,我在其中使用 ng-repeat 根据另一个选择动态构建表单的字段。我正在尝试动态生成模型名称并遇到问题。
我需要的是评估类似 ng-model="formData.parameters.fooId" 或 ng-model="formData.parameters.barId"
以上导致错误:错误:[$parse:syntax] 语法错误:令牌'{'是表达式 [formData.parameters.{{parameter.paramName}}] 的第 21 列中的意外令牌,从 [{{参数.paramName}}]。
在我的控制器中,我有:
我也尝试过 ng-model="formData.parameters.[parameter.paramName]" (基于这个问题How can I set a dynamic model name in AngularJS?),但这没有评估并且无法设置 ng -模型值。我不确定我想要完成的事情是否可能。我假设我需要通过控制器来实现我想要的,但任何帮助将不胜感激。