Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何基于Angularjs中的特定属性显示对象列表?_Javascript_Angularjs_Mongodb_Angularjs Filter - Fatal编程技术网

Javascript 如何基于Angularjs中的特定属性显示对象列表?

Javascript 如何基于Angularjs中的特定属性显示对象列表?,javascript,angularjs,mongodb,angularjs-filter,Javascript,Angularjs,Mongodb,Angularjs Filter,我在mongodb中有一个一对多的相关集合模型,其中子集合中的文档包括父集合中的文档id。我试图在查看父对象时显示所有子对象 查看父对象时,我有一个ng repeat,显示整个子集合。我正在努力筛选子集合,以便它只显示包含父id的结果 这是我的HTML: <div>{{parent.name}}</div> <div ng-repeat="child in children | filter: {id: {{parent.id}}}"> {{child

我在mongodb中有一个一对多的相关集合模型,其中子集合中的文档包括父集合中的文档id。我试图在查看父对象时显示所有子对象

查看父对象时,我有一个ng repeat,显示整个子集合。我正在努力筛选子集合,以便它只显示包含父id的结果

这是我的HTML:

<div>{{parent.name}}</div>
<div ng-repeat="child in children | filter: {id: {{parent.id}}}">
    {{child.name}}
</div>

代码成功获取父集合并加载子集合中的所有文档。我可以在我的ng repeat中使用过滤器只拉孩子吗?如果没有,是否有从相关集合获取文档的最佳做法?

parent.id
不应使用插值(
{}
)进行换行,因为它需要一个根据作用域求值的表达式

ng-repeat="child in children | filter: {id: parent.id }"
您可以使用以下代码:

<div>{{parent.name}}</div>
<div ng-repeat="(k, child) in children | filter: {id: parent.id}"
    {{child.name}}
</div>
{{parent.name}
<div>{{parent.name}}</div>
<div ng-repeat="(k, child) in children | filter: {id: parent.id}"
    {{child.name}}
</div>