问题标签 [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.
angularjs - 如何动态添加输入行以查看和维护angularjs ng-model中的值作为数组项
我有一种情况,我希望用户<input>
在想要输入新项目时动态添加行。如下图所示,用户点击“添加输入项”按钮,一个新的输入元素被添加到用户可以添加文本的地方。
我正在尝试将每个输入元素值$scope.items
与app.js
. 在index.html
我$scope.items
的ng-repeat
. 我不明白的是如何让每个输入/行自动添加到定义为$scope.items
.
是否可以将每个输入元素映射到与items
数组相关的 ng 模型,如果可以,如何映射?或者,在这种情况下应该使用指令吗?
完整的代码和运行时在Plunker 上(以便您可以查看奇怪的输出)。
片段来自index.html
:
app.js
代码:
angularjs - 如何在angularjs中单击按钮时从控制器访问选定的选项?
ng-model
我在 ui-bootstrap 的选项卡集中的选项卡中有一个带有属性的选择字段。选项卡上还有一个按钮。单击按钮时,我想获取模型中的选定值。我尝试使用
然后在控制器中
但这似乎不包含价值。我尝试查看$scope
变量,它似乎包含selectedOption
内部称为$$childTail
有没有其他方法可以访问 selectedOption 值,或者我应该更改视图的结构?
我在这里有一个Plunker我正在尝试做的事情。
angularjs - ngModel 用于隔离指令定义
我的名为 datePicker 的指令位于输入元素上,它从模型中获取公历日期并将其转换为最终用户的波斯日期。从 datePicker 更改日期(这里是 jalali(波斯日期选择器)),转换为 gregorian 并更新模型是必要的。
- 我不确定我使用的绑定类型。
- $watch 功能对我不起作用,它在第一次加载页面时起作用。
- ngModel 和 dateDirVal 属性在隔离范围内发生了什么?
- gregorianToJalali 函数中 ngModelCtrl.$viewValue 的值等于 NaN。为什么?
我的 HTML:
和我的指令:
javascript - AngularJS ng-options 默认选择的选项
如何使用 ng-options 设置默认选项?
我在控制器中设置了这个(使用控制器作为语法):
this.myOption = this.myOptions[0];
但是,这仍然返回一个空白的默认选项:
<option value="?" selected="selected"></option>
如何将默认选项设置为模型中的第一个值(“项目 1”)?
javascript - JavaScript 数组是 NaN?AngularJS ngModel
我想看看 ngModel 的价值是什么:
即使我的 ngModel 是一个数组,它也会记录 NaN?
angularjs - 嵌套在 ng-repeat 中的 Angularjs ng-model 更新所有
这应该很简单。出于某种原因,当在 ng-repeat 中使用 ng-model 时,它会更新该重复循环内的所有 ng-model。
这是代码。有任何想法吗? http://plnkr.co/edit/iAgrPwwBMilCyeReeLt9?p=info
谢谢。
angularjs - AngularJS:如何显示来自许多复选框的许多结果
我正在使用 AngularJS 过滤酒单的结果。葡萄酒按颜色(红色、白色、玫瑰色、香槟色)和其他参数进行分类。
当使用复选框选中一种颜色(例如红色)时,会出现经过过滤的红酒列表。But when two colors are selected, no results appears (red and white for example).
我的愿望:
- 即使选中了红色、白色和香槟色,也会出现(红色、白色和香槟酒或其他参数)的列表。我的主要愿望是能够选择多个参数,并显示所有选中的参数。能够检查颜色,国家..
这里的代码示例:
代码演示:http: //jsfiddle.net/stefanos/kTYdd/26/
问候,
斯蒂芬妮
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 并执行
但我正在寻找是否有一种更清洁的方法可以满足双向数据绑定,例如:
有没有更好的解决方案?可能有完全不同的方法吗?
angular-ngmodel - ng-hide 不适用于 ng-model
我想从下拉列表中显示/隐藏特定选项选择的 div。但是 div 一直处于隐藏状态。