问题标签 [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.

0 投票
1 回答
910 浏览

javascript - 使用 ngResource 绑定输入 get() 使用 AngularJS 搜索

我有一小段代码可以对 3rd 方 API 进行查询。是这个吗:

在 html 方面,现在我只是在 li 上显示一个带有 ng-repeat 的 UL,基于一个特定的搜索。像这样:

我的问题是,如何创建一个输入字段,将里面的文本与搜索查询绑定?就像将字符串引入 ?=string 一样:

有什么想法吗?

谢谢!埃里克

0 投票
1 回答
970 浏览

javascript - 在 AngularJS 中的 ng-model 上定义一个空值

我有一个 $watch 输入,它实时更新搜索查询,全部使用 AngularJS。我的问题是,即使将模型的初始值定义为空,它也会触发搜索并默认显示结果。

所以我的问题是,默认情况下有一个空值,是否有某种方法可以在用户在输入中输入内容时才真正触发搜索?我尝试创建一个在 ng-click 上触发 $watch 的函数,但到目前为止没有运气,与 ng-init 相同。也许在 ng-repeat 上创建一个条件,使其仅在 name != '' 时运行?

关于可能的解决方法的任何想法?

这是我的 JS:

我的 HTML:

和一个工作的JSFiddle

任何帮助将不胜感激!谢谢,埃里克

0 投票
2 回答
1065 浏览

javascript - 在 ng-repeat 中生成 ng-model

我一直在阅读一些主题,但找不到解决这个问题的方法。

我正在尝试在ng-repeat中添加ng-model ,如下所示:

列表值是这样的:

在 ng-repeat 循环中,我希望它构建一个 ng-model,例如:formData.checkboxes.value1 formData.checkboxes.value2, formData.checkboxes.value3等。

这可能吗?当我尝试上述方法时,什么都没有出现。我在这里做错了什么?

0 投票
2 回答
1384 浏览

angularjs - KendoUI 数字框未正确设置 ngModel

如果我像这样初始化附加了 ngModel 的输入框:

现在,我输入值:

3.33333333

在其中并显示:

3.3333

但 ngModel 仍设置为 3.33333333

这是一个 Kendo-AngularJS 错误吗?

0 投票
1 回答
105 浏览

javascript - 带有 $watch 的 ng-model 仅响应完整字符串(AngularJS)

我正在用 AngularJS 编写一个 SPA。现在,我有一个输入字段,它使用 $http 触发对第 3 方 API 的查询。搜索是实时完成的,因为我有一个 $watch 与输入模型绑定。

我的问题是,无论出于何种原因,结果只会在完整字符串与结果一致时出现,而不是之前。

例如,如果我正在寻找Frank Sinatra ,当Frank被输入输入时会出现一些结果,但是一旦我在Frank Sin,就会出现完全不相关的结果(或结果与Sin一致,但与整体不一致字符串和所需的结果只会在输入整个字符串后出现。
我的理解是,输入不会将输入的文本视为一个整体,而是将其视为不同单词的总和,这会使查询行为不端.

我正在附加我的JS,也许我做错了什么!

0 投票
1 回答
2042 浏览

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

0 投票
1 回答
872 浏览

angularjs - 在 AngularJS 的引导程序之后,如何使用 ngModel 将输入控件与 Javascript 绑定?

在 AngularJS 的引导程序之后,如何使用 ngModel 将输入控件与 JavaScript 绑定?

我尝试ng-model通过方法添加属性setAttribute,但没有奏效!

0 投票
1 回答
75 浏览

javascript - 当有表单默认数据时,如何触发表单验证 css 类?

我已经生成了一个带有一些默认数据的表单,当用户点击提交时,如果数据有效或无效,ngValidate 应该触发对应的 css 类。

在以下示例中,电子邮件模型作为一些无效数据:

http://plnkr.co/edit/zb74FvMIPHEesOtyzBEz?p=preview

我想知道当用户单击提交时如何使 ng-validate 触发错误类(样式红色背景)?

感谢您的关注!

0 投票
1 回答
989 浏览

javascript - 如何将 ng-model 添加到自定义指令?

我在这里做错了什么?在 Angular JS 中,我试图将 ng-model 名称添加到自定义指令中,以便它与父范围绑定。我希望它看起来像这样:

我在指令中尝试了这个,但是我想通过属性传递的 ng-model 名称没有将它添加到模板中:

我究竟做错了什么?

0 投票
2 回答
30812 浏览

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 -模型值。我不确定我想要完成的事情是否可能。我假设我需要通过控制器来实现我想要的,但任何帮助将不胜感激。