当前位置: 首页 > 面试题库 >

如何在AngularJs中将ng-repeat用于字典?

通博实
2023-03-14
问题内容

我知道我们可以轻松地对json对象或数组使用 ng-repeat ,例如:

<div ng-repeat="user in users"></div>

但是如何将ng-repeat用于字典,例如:

var users = null;
users["182982"] = "{...json-object...}";
users["198784"] = "{...json-object...}";
users["119827"] = "{...json-object...}";

我想在用户字典中使用它:

<div ng-repeat="user in users"></div>

可能吗?。如果是,我该如何在AngularJs中做到这一点?

我的问题的示例:在C#中,我们定义如下字典:

Dictionary<key,value> dict = new Dictionary<key,value>();

//and then we can search for values, without knowing the keys
foreach(var val in dict.Values)
{
}

是否有内置函数可以像c#中那样从字典返回值?


问题答案:

您可以使用

<li ng-repeat="(name, age) in items">{{name}}: {{age}}</li>

请参阅ngRepeat文档。示例:http://jsfiddle.net/WRtqV/1/



 类似资料:
  • 问题内容: 我想在ng-repeat中使用正则表达式。我尝试了以下代码,但无法正常工作。 我有用户数组,我只想显示类型为c5的用户。 如果我用 然后它也以“ ac5x”类型显示用户,因为它包含c5。 我怎么解决这个问题?也许还有另一种解决方案。 谢谢! 问题答案: Tosh提到的内容应该对您有用! 如果您发现自己想更频繁地使用正则表达式进行过滤,则可以创建一个自定义过滤器。像这样的小提琴使您可以指

  • 问题内容: 我有一个列表,可以使用ng- repeat进行迭代:用户可以使用上箭头和下箭头图标与列表项进行交互,单击它们后,我只需更改“列表”中元素的顺序”,这就是角度建议更改模型并自动将更改反映在视图中的原因。 moveUp中的逻辑:- 上面的代码完全可以正常工作,向下移动项目的逻辑与此类似。但是我要解决的问题是如何放置动画?我知道angular会自行处理绑定视图和模型的问题,但是当按下向下箭头

  • 问题内容: 除了呈现对象中属性的值之外,我还想将属性名称呈现为标签。有办法做到这一点吗?例如: 可能会吐出这样的东西: 问题答案: 试试这个:

  • 问题内容: 我正在尝试做类似的事情: AngularJs部分: 但是不知何故,它向我展示了所有物品。如何筛选(键,值)? 问题答案: Angular 过滤器只能通过angular的API应用于数组,而不能应用于对象- “从数组中选择项的子集,并将其作为新数组返回。” 您在此处有两个选择: 1)移至数组或 -2)预过滤项目,如下所示: 并在控制器上: jsfiddle :http : //jsfid

  • 问题内容: 我想基于变量在Angular.js ng-repeat上显示不同的limitTo数字。 这是我的代码: 并在控制器中: 我只能假设有一种基于搜索输入来更改limitTo的更优雅的方法,我只是不知道要寻找什么。 您可以在http://happinesshunt.co上看到此代码的实现。 PS:我是新来的,而且是开发的新手,所以,如果未正确提出问题,请原谅我。 谢谢你! 问题答案: 这可能

  • 问题内容: 我想问你是否可以帮我这个忙。 我在这里用我的问题创建了一个jsfiddle 。我需要使用ng-model =“ my _ {{$ index}}”方式在ng-repeater中动态生成一些带有ng-model的输入。 在jsfiddle中,您可以看到一切正常,直到我尝试动态生成它为止。 HTML将是: 还有javascript … 你能给我个主意吗? 非常感谢。 问题答案: 它能解决您