问题标签 [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 回答
4146 浏览

forms - AngularJS - 直接在
元素

在 AngularJS 中,有没有办法直接在<form>元素上声明 ng-model 而不必在该表单的每个控件/输入上都这样做,然后能够通过它们的名称访问控制器中控件的值?

具体来说,如果你有这样的表格,

通常,你会做这样的事情,

然后,您可以访问控制器中的用户对象及其属性:

我想做这样的事情:

然后能够访问控制器中的值:

我问的原因是我正在对现有的 Web 项目进行角化,并且某些表单很容易有 20 或 30 个控件,并且单独定义 ng-model 似乎有点过头了。

我能找到的所有表单示例都在各个控件上声明了 ng-model。我还能够找到这张,它基本上说这样的事情需要对 AngularJS 进行大修,所以我怀疑这可能是不可能的。但这张票是一年前的,也许从那以后情况发生了变化。

0 投票
2 回答
1080 浏览

javascript - Angular JS 和 ng-model 不显示

我是 Angular JS 的新手,这是我开始的:

user用于在我的步骤中收集输入字段中的数据,<input type='text' ng-model='user.name'>当我这样调用它时{{user.name}},输入文本中的内容将出现在下一步中。

我的问题是如何$scope.displayName在我的页面上显示。

我已经尝试了所有这些,但似乎都没有奏效。请帮忙。

这是一个 jfiddle http://jsfiddle.net/Fc7KZ/

0 投票
1 回答
502 浏览

angularjs - UI 可排序的动态 ng-model 名称

我有两个嵌套的 ng-repeat 来列出不同类别的菜肴,并且我正在使用 UI Sortable 来对这些列表进行排序。后者的 ng-model 名称是动态的(与列出的类别的值匹配),我根本不知道如何设置该名称并使其工作。

我使用 $eval() 在 ng-repeat 中设置该动态名称并且工作正常,但对模型尝试相同但它不起作用。有任何想法吗?谢谢!

“类别”对象:

在此处输入图像描述

所有类别都有项目,例如第一个“早餐”(匹配类别的“值”)将如下所示:

在此处输入图像描述

我试过的:

0 投票
1 回答
319 浏览

angularjs - angularjs input mapped to array element

I'm new in Angularjs and I'm developing a kind of shopping cart I have and array:

By design limitation I need to do something like

(I can't use array element index I know it works.)

I've tried also with

But I couldn't make it work

Please Could you help me ??

I will explain my shopping cart Let imagine that I need a table in the columns the sizes:s,m,l, xl in the rows models, but there are models that are manufactured in all sizes so I will have an input in every cell, but there are some that are only in l and xl and other in s and m So I will have a table with some empty cells. I know I can have a table that works as metadata where I can define columns, rows and the mapping and then develop a directive. My idea is design the table in HTML and assign to each cell the productID

0 投票
2 回答
3380 浏览

javascript - AngularJS - html选择的数据绑定默认值

我想“数据绑定”html/jade 选择的默认值。这是我的选择:

这里的问题是,如果我不触摸选择,我的 newClient.title 将被设置为未定义而不是第一个标题值。如果不在控制器中设置默认值,我该如何做到这一点?

0 投票
4 回答
13285 浏览

angularjs - angularJS 今天设置为输入日期

我一直在尝试使用 Angular 的 ng-model 和 value 将日期设置为输入 type="date" ,但没有成功。我尝试使用有关输入日期的 Angular JS 文档,我得到的唯一一件事就是设置输入的年份,日期和月份仍然保留占位符值:“dd/mm/2014”。

我尝试了什么:

在我的 HTML 中:

我得到的是输入日期:“dd/mm/2013”

我尝试使用角度文档示例来确保我做对了,那是因为日期的最小值和最大值。

关于如何用今天的日期填写我的输入日期的任何想法?

提前致谢

0 投票
2 回答
334 浏览

angularjs - 在 ngrepeat 中动态创建一个新的 ngmodel 进行绑定

我正在尝试在有角度的对象中创建一个动态对象,但我不知道该怎么做。

这是 HTML 片段:

这是控制器片段:

我希望它看起来像这样:

这样做的正确方法是什么?我不断得到无法设置未定义的属性总数。我假设这是因为 mgmtData 当前为空。但是,我不知道如何解决它

任何帮助是极大的赞赏 :)

0 投票
1 回答
178 浏览

angularjs - 在angularjs中绑定输入并使模型在整个应用程序中保持不变

只想让用户能够从整个应用程序屏幕的多个点进行搜索。

如何持久化模型?

搜索的 HTML 如下:

此代码片段位于多个位置,包括一些部分。目前,听起来在其中之一中输入的值并非在所有形式中都存在。

[编辑] searchKeyword 属于控制器范围。

[编辑 2] 这是一个小提琴,它演示了我想在我的应用程序中发生的上下文中解决的问题:http: //jsfiddle.net/stephanedeluca/abHFQ/

任何想法?

0 投票
2 回答
2768 浏览

javascript - 为什么这个 Angular JS 过滤器会删除空格?

我正在制作一个小应用程序来学习 Angular,并为文本处理制作了一个自定义过滤器。一切正常,除了在我的输出文本有多个空格的情况下,这些会自动减少为一个空格,这是我不想要的。问题不在我定义的函数中,因为我正在记录没有问题的输出。

HTML:

JS:

这是一个摩尔斯电码练习。所以控制台日志输出是:

有两个空格。在我看到的页面上:

我从谷歌上看到的唯一建议是在 textarea 上使用 ng-trim="false",这没有任何效果。似乎修剪发生在过滤器本身内。是什么原因造成的,我该如何禁用它? 代码仓库

0 投票
3 回答
37008 浏览

angularjs - AngularJS 复选框过滤器

我想过滤结果。

有一个酒单,我的愿望是当没有选中复选框时,显示整个酒单。

  • 当仅选中 1 个复选框时显示相关类别
  • 当检查了多个复选框时,显示相关类别

我是 AngularJS 的新手,我尝试使用 ng-model 没有成功,这里是没有 ng-model 与函数关联的代码:

如何使用 ng-model 或 ng-change 将功能关联到每个复选框按钮以具有实时过滤模型?