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

Question

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

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

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

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

vm.selectedRequest = {};

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

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

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

Answer 1

这是你应该使用的正确的 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}} 您可以显示当前上下文国家的名称。