javascript - 使用 ng-repeat 从集合中提取一些信息

标签 javascript html angularjs

我想实现一个选择接口(interface)。

您必须选择一个站点,然后会出现该站点可用的国家/地区。

为此,我有一组网站,其中包含一些信息,例如他们的名称和相关国家/地区。

您在“select”标签中选择站点,选择包含在

vm.selectedRequest = {};

然后我想显示与带有“ng-repeat”的站点关联的国家/地区,但我什么也没得到。

您能告诉我您对此有何看法吗?

JSFIDDLE (选择器在我家工作,但似乎 jsfiddle 不喜欢我的设置。😯)

最佳答案

这是你应该使用的正确的 ng-repeat :

 <h4 ng-repeat="country in sel.selectedRequest.site.countries">{{country.name}}</h4>

查看它在这个 plunker 中的工作

让我们详细说明一下它的意思:

ng-repeat="country in sel.selectedRequest.site.countries"

“我想为 sel.selectedRequest.site.countries 中的每个元素重复 html 元素,在每种情况下我们都将单个元素称为 country

然后使用 {{country.name}} 您可以显示当前上下文国家的名称。

关于javascript - 使用 ng-repeat 从集合中提取一些信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32397643/

相关文章:

php - 如何在 Zend Framework 中的 javascript 文件中使用翻译?

javascript - 在数字输入中显示文本(与值关联)

javascript - 在 Angular 应用程序范围之外调用函数

Javascript - 将对象转换为数组对象

javascript - 数据表列属性

javascript - Angular2 显示数据示例不起作用

javascript - 在按钮单击事件更改事件 html 后,如何获取单元测试范围内的 html 以进行更新?

javascript - 在 angularJS 中使用 ng-if 条件停止循环

javascript - 我的 ng-repeat 仅按字母顺序工作 |angularJS

javascript - Grunt 用文件内容替换 HTML