问题标签 [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.
javascript - 转换分隔字符串和对象数组
如何在分隔字符串和具有数据绑定的对象数组之间进行转换?
ng-list
将使用字符串数组。但是我有一个对象数组,我想在其中分隔文本属性,以便可以编辑数组中的文本。
适用于字符串数组:
我怎样才能让它与对象一起工作:
这是 plunker 中的演示
我有一个可能的想法是在字符串数组上使用 ng-list,然后将其映射到对象数组。$watch
每当字符串数组更改时,使用 a更新对象数组。但是,这仍然不足,因为每次数组更新时它都会覆盖对象上的任何其他属性。(以前的 plunker 版本中的演示)
更新:
ng-list
即使使用Krzysztof 的建议,使用时似乎仍然存在问题:
覆盖该toString
方法有助于最初显示的对象集,但是一旦您键入任何内容,就会ng-list
将对象集转换回字符串数组,因为此时toString
还没有发挥作用。
澄清我正在尝试做的事情。我真的想要一个对象列表,带有可编辑的标题,也可以选择。即使标题已更改或已添加项目,我也想保留选择。
这是另一个要演示的 plunker
javascript - 如何获得 ng-list 行为,但模型略有不同?
对于 ng-list,您的模型通常有一个简单的数组:
相反,我有一个像这样的对象数组:
有什么办法让我能够value
在类似于此的文本输入中输出每个?:
似乎 ng-list 是我想要的,但显然我的模型是错误的。我只需要翻译我的模型还是有办法用我所拥有的来做到这一点?
谢谢!
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
javascript - 如何使用 object.id 从列表中显示 object.name
是否有任何选项可以根据成员 ID 从另一个列表中获取成员名称到表中?
angularjs - 带有正则表达式的 ng-list
我发现了一个旧的 jsfiddle,其中有人使用正则表达式模式作为分隔符,并带有ng-list
http://jsfiddle.net/MrSteve/tnY6m/1/。
我在 Angular 1.3.x 中尝试过,但无法正常工作。
有没有办法接受多个分隔符ng-list
,所以我可以拆分 a,
或 a ;
?
arrays - 将数组显示为角度列表
我的 javascript 中有一个名为“animals”的数组:
我的html是:
目前它显示如下:
我希望它像这样显示:
我查看了 ng-list 指令的官方 Angular 文档,但仍在摸不着头脑。可能有另一个(更好的)指令吗?
建议表示赞赏。
json - angular js将JSON添加到ng-list
我有 3 个属性,包括 JSON 对象数组“注释”。
我的输入字段是
我将在输入文本字段中输入以下文本。
type 属性是显示图标。我希望得到如下 JSON
如何将输入的 ng-list 文本转换为 JSON 对象。
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
我用来显示任务的代码是这个(简体)
对话框的模板如下所示:
控制器看起来像这样:
所以我想知道是否有人可以帮助我解决这个问题。
提前致谢!
angularjs - AngularJS 中的 ng-list 长度验证
我需要验证 ng-list,意味着应该限制用户输入三个以上的数组列表['121','565','435']
,如果用户尝试输入,['121','565','435','787']
应该给出错误,比如只有 3 个vin
可以输入。
此外,如果用户['**1214**','565','435']
像上面那样输入,它应该告诉只允许 3 位数字。
这是我的输入字段:
我是 AngularJS 的新手。
angularjs - ng-list 用空白分隔符拆分
有没有办法让 ng-list 以相同的方式拆分string.split('')
(分隔符的空白字符串)?split() 函数在它是一个空白字符串时将所有内容拆分,这意味着'hello world'.split('')
将返回['h','e','l','l','0',' ','w','o','r','l','d']
但是当我将一个空白字符串插入 ng-list 时,它默认回到其默认分隔符“,”有没有办法让我从中寻找行为ng列表?我已经试过了
一个例子可以在这里找到