问题标签 [angular-nglist]

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 回答
1525 浏览

javascript - 转换分隔字符串和对象数组

如何在分隔字符串和具有数据绑定的对象数组之间进行转换?

ng-list将使用字符串数组。但是我有一个对象数组,我想在其中分隔文本属性,以便可以编辑数组中的文本。

适用于字符串数组

我怎样才能让它与对象一起工作

这是 plunker 中的演示


我有一个可能的想法是在字符串数组上使用 ng-list,然后将其映射到对象数组。$watch每当字符串数组更改时,使用 a更新对象数组。但是,这仍然不足,因为每次数组更新时它都会覆盖对象上的任何其他属性。(以前的 plunker 版本中的演示)


更新:

ng-list即使使用Krzysztof 的建议,使用时似乎仍然存在问题:

覆盖该toString方法有助于最初显示的对象集,但是一旦您键入任何内容,就会ng-list将对象集转换回字符串数组,因为此时toString还没有发挥作用。

澄清我正在尝试做的事情。我真的想要一个对象列表,带有可编辑的标题,也可以选择。即使标题已更改或已添加项目,我也想保留选择。

这是另一个要演示的 plunker

截屏

0 投票
2 回答
92 浏览

javascript - 如何获得 ng-list 行为,但模型略有不同?

对于 ng-list,您的模型通常有一个简单的数组:

相反,我有一个像这样的对象数组:

有什么办法让我能够value在类似于此的文本输入中输出每个?:

似乎 ng-list 是我想要的,但显然我的模型是错误的。我只需要翻译我的模型还是有办法用我所拥有的来做到这一点?

谢谢!

0 投票
1 回答
4624 浏览

javascript - 在AngularJS> 1.3中带有换行符的ng-list作为textarea分隔符

我正在使用 AngularJS 1.3,其中 ng-list 的语法略有变化(例如,它不再支持正则表达式)

我正在尝试将换行符指定为文本区域中 ng-list 的分隔符。但是它不能正常工作。我试图将 ng-list 设置为 ASCII 换行符

但是有一个问题。在编辑内容时(即向文本区域内容添加一个字符),它开始在每个字符上中断。

如何在 AngularJS 1.3 中正确指定换行符作为 ng-list 的分隔符?

链接到 plunker:http ://plnkr.co/edit/F37yA0LRHQXMh4caP3A0

0 投票
2 回答
116 浏览

javascript - 如何使用 object.id 从列表中显示 object.name

是否有任何选项可以根据成员 ID 从另一个列表中获取成员名称到表中?

0 投票
2 回答
878 浏览

angularjs - 带有正则表达式的 ng-list

我发现了一个旧的 jsfiddle,其中有人使用正则表达式模式作为分隔符,并带有ng-list http://jsfiddle.net/MrSteve/tnY6m/1/

我在 Angular 1.3.x 中尝试过,但无法正常工作。

有没有办法接受多个分隔符ng-list,所以我可以拆分 a,或 a ;

0 投票
1 回答
6836 浏览

arrays - 将数组显示为角度列表

我的 javascript 中有一个名为“animals”的数组:

我的html是:

目前它显示如下:

我希望它像这样显示:

我查看了 ng-list 指令的官方 Angular 文档,但仍在摸不着头脑。可能有另一个(更好的)指令吗?

建议表示赞赏。

0 投票
1 回答
484 浏览

json - angular js将JSON添加到ng-list

我有 3 个属性,包括 JSON 对象数组“注释”。

我的输入字段是

我将在输入文本字段中输入以下文本。

type 属性是显示图标。我希望得到如下 JSON

如何将输入的 ng-list 文本转换为 JSON 对象。

0 投票
1 回答
5621 浏览

javascript - AngularJS(材料) - 使用 md-dialog 添加新对象后刷新 md-list 中的数据

我对整个 Angular 世界还很陌生,但昨天我遇到了一个我似乎无法解决的问题。作为一个原型,我正在创建一个简单的任务应用程序,它使用户能够创建、查看和删除任务。可以通过单击打开对话框的按钮来创建新任务。可以提供一些信息,并通过单击“添加任务”将任务添加到数据库中。

唯一的问题是,在对话框关闭后,显示项目列表的 md-list 不会刷新以显示新添加的任务。我确实尝试使用 ng-repeat 的“tack by”选项,但这不起作用。

我从这个问题中得到了信息:http://stackoverflow.com/questions/27874976/update-a-md-list-dynamically-from-angular

我用来显示任务的代码是这个(简体)

对话框的模板如下所示:

控制器看起来像这样:

所以我想知道是否有人可以帮助我解决这个问题。
提前致谢!

0 投票
1 回答
761 浏览

angularjs - AngularJS 中的 ng-list 长度验证

我需要验证 ng-list,意味着应该限制用户输入三个以上的数组列表['121','565','435'],如果用户尝试输入,['121','565','435','787']应该给出错误,比如只有 3 个vin可以输入。

此外,如果用户['**1214**','565','435']像上面那样输入,它应该告诉只允许 3 位数字。

这是我的输入字段:

我是 AngularJS 的新手。

0 投票
2 回答
546 浏览

angularjs - ng-list 用空白分隔符拆分

有没有办法让 ng-list 以相同的方式拆分string.split('')(分隔符的空白字符串)?split() 函数在它是一个空白字符串时将所有内容拆分,这意味着'hello world'.split('')将返回['h','e','l','l','0',' ','w','o','r','l','d']但是当我将一个空白字符串插入 ng-list 时,它默认回到其默认分隔符“,”有没有办法让我从中寻找行为ng列表?我已经试过了

一个例子可以在这里找到