javascript - ng-repeat 在 ng-repeat-start 中重复

标签 javascript angularjs


我的数据:

$scope.members = [
 {
    projects: [...]
 },
 {
    projects: [...]
 }, ...
] // $scope.members.length == 15

我的代码:

<tr>
    <th ng-repeat-start="member in members" ng-repeat="project in member.projects" ng-repeat-end  ng-if="member.projects" >
        {{project.name}}
    </th >
</tr>

没有生成元素。我检查了 Chrome 开发人员工具中的元素,我在 <tr> 中找到了这些像这样标记评论:

<!-- ngRepeat: member in members -->

<!-- ngRepeat: member in members -->
<!-- end ngRepeat: member in members --> (x30)

我也试过这个:

<tr ng-repeat-start="member in members">
        <th  ng-repeat="project in member.projects" ng-repeat-end  ng-if="member.projects" >
            {{project.name}}
        </th >
</tr>

但随后出现错误:Unterminated attribute, found 'ng-repeat-start' but no matching 'ng-repeat-end' found.

有人有想法吗?提前致谢。

最佳答案

更新的答案:

仅将“projects”数组放入一个新数组中,如下所示:

$scope.projectsOnly = [];//empty array
$scope.members.forEach(function(item){
        $scope.projectsOnly.push(item.projects);
})

然后只循环到那个数组,像这样:

<tr>
    <th ng-repeat="project in projectsOnly " >
        {{project.name}}
    </th >
</tr>

希望有所帮助,祝你好运。

关于javascript - ng-repeat 在 ng-repeat-start 中重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39957983/

相关文章:

javascript - Kendo UI DateTimePicker - 显示从 00 :30 till 24:00 开始的 30 分钟间隔

javascript - AngularJs 货币过滤器

javascript - 使用 x-editable 使不同的元素在单击时可编辑

javascript - 让最终用户在 bing map (虚拟地球)上绘制形状

javascript - 仍然对 angularjs 服务和工厂感到困惑

css - 垂直居中 Angular Bootstrap 模式窗口

AngularJS 性能与许多指令

javascript - Node-Webkit SaveAs 文件对话框仅触发唯一文件名?

javascript - 您将如何从 ConfirmIT 的列表中删除答案?

javascript - 如何等待ajax调用返回