问题标签 [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 投票
2 回答
7137 浏览

angularjs - 如何动态添加输入行以查看和维护angularjs ng-model中的值作为数组项

我有一种情况,我希望用户<input>在想要输入新项目时动态添加行。如下图所示,用户点击“添加输入项”按钮,一个新的输入元素被添加到用户可以添加文本的地方。

在此处输入图像描述

我正在尝试将每个输入元素值$scope.itemsapp.js. 在index.html$scope.itemsng-repeat. 我不明白的是如何让每个输入/行自动添加到定义为$scope.items.

是否可以将每个输入元素映射到与items数组相关的 ng 模型,如果可以,如何映射?或者,在这种情况下应该使用指令吗?

完整的代码和运行时在Plunker 上(以便您可以查看奇怪的输出)。

片段来自index.html

app.js代码:

0 投票
3 回答
1697 浏览

angularjs - 如何在angularjs中单击按钮时从控制器访问选定的选项?

ng-model我在 ui-bootstrap 的选项卡集中的选项卡中有一个带有属性的选择字段。选项卡上还有一个按钮。单击按钮时,我想获取模型中的选定值。我尝试使用

然后在控制器中

但这似乎不包含价值。我尝试查看$scope变量,它似乎包含selectedOption内部称为$$childTail

有没有其他方法可以访问 selectedOption 值,或者我应该更改视图的结构?

我在这里有一个Plunker我正在尝试做的事情。

0 投票
1 回答
382 浏览

angularjs - ngModel 用于隔离指令定义

我的名为 datePicker 的指令位于输入元素上,它从模型中获取公历日期并将其转换为最终用户的波斯日期。从 datePicker 更改日期(这里是 jalali(波斯日期选择器)),转换为 gregorian 并更新模型是必要的。

  1. 我不确定我使用的绑定类型。
  2. $watch 功能对我不起作用,它在第一次加载页面时起作用。
  3. ngModel 和 dateDirVal 属性在隔离范围内发生了什么?
  4. gregorianToJalali 函数中 ngModelCtrl.$viewValue 的值等于 NaN。为什么?

我的 HTML:

和我的指令:

0 投票
2 回答
40223 浏览

javascript - AngularJS ng-options 默认选择的选项

如何使用 ng-options 设置默认选项?

我在控制器中设置了这个(使用控制器作为语法):

this.myOption = this.myOptions[0];

但是,这仍然返回一个空白的默认选项:

<option value="?" selected="selected"></option>

如何将默认选项设置为模型中的第一个值(“项目 1”)?

这是一个 JSBin 演示

0 投票
3 回答
3603 浏览

javascript - JavaScript 数组是 NaN?AngularJS ngModel

我想看看 ngModel 的价值是什么:

即使我的 ngModel 是一个数组,它也会记录 NaN?

这里发生了什么?

0 投票
1 回答
1064 浏览

angularjs - 嵌套在 ng-repeat 中的 Angularjs ng-model 更新所有

这应该很简单。出于某种原因,当在 ng-repeat 中使用 ng-model 时,它会更新该重复循环内的所有 ng-model。

这是代码。有任何想法吗? http://plnkr.co/edit/iAgrPwwBMilCyeReeLt9?p=info

谢谢。

0 投票
1 回答
230 浏览

angularjs - AngularJS:如何显示来自许多复选框的许多结果

我正在使用 AngularJS 过滤酒单的结果。葡萄酒按颜色(红色、白色、玫瑰色、香槟色)和其他参数进行分类。

当使用复选框选中一种颜色(例如红色)时,会出现经过过滤的红酒列表。But when two colors are selected, no results appears (red and white for example).

我的愿望:

  • 即使选中了红色、白色和香槟色,也会出现(红色、白色和香槟酒或其他参数)的列表。我的主要愿望是能够选择多个参数,并显示所有选中的参数。能够检查颜色,国家..

这里的代码示例:

代码演示:http: //jsfiddle.net/stefanos/kTYdd/26/

问候,

斯蒂芬妮

0 投票
1 回答
285 浏览

javascript - 如何对两个模型进行 ng-repeat

我对 Angular 很陌生,正在为一个问题寻找一个干净的解决方案:

我有一个名为“SelectedList”的元素,其中有两个显示已在另一个容器中“激活”的元素列表。现在这个容器有两个选项卡 Tab1 和 Tab2,由 $scope.model1 和 $scope.model2 填充。现在如果选择了 Tab1 中的元素 Element1,我需要将其添加到“SelectedList”。如果我随后从 Tab2 中选择 Element2,则 Element2 必须出现在 Element1 下的“SelectedList”中。

现在,我可以创建一个结合 $scope.model1 和 $scope.model2 的临时模型,称为 $scope.selectedList 并执行

但我正在寻找是否有一种更清洁的方法可以满足双向数据绑定,例如:

有没有更好的解决方案?可能有完全不同的方法吗?

0 投票
1 回答
360 浏览

angular-ngmodel - ng-hide 不适用于 ng-model

我想从下拉列表中显示/隐藏特定选项选择的 div。但是 div 一直处于隐藏状态。

0 投票
0 回答
468 浏览

angularjs - 在 templatedUrl 中的 ng-model 中更改的值在指令中未定义

最初,当我加载它时它工作正常,但是当我更改模板 URl 中用于 ng-model scope.value 的值时,我的链接中未定义。我正在为 datepicker bootstrap angularjs 制定指令。