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

时间:2015-09-04 12:04:52

标签: javascript html angularjs

我想实现一个选择界面。

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

为此,我有一组网站,其中包含一些信息,如名称和相关国家。

您在“选择”标签中选择了该网站,该选项包含在

C:\Test\

然后我想用“ng-repeat”显示与网站相关联的国家/地区,但我什么都没有。

你能告诉我你对此的看法吗?

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

1 个答案:

答案 0 :(得分:2)

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

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

请参阅此plunker

让我们详细说明它的含义:

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

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

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