如何在2列

时间:2017-11-16 11:05:53

标签: angularjs

我有对象的数组,我需要在2列中输出这个数组。我试着使用过滤器,ng-switch-when。但总是在1列中输出数组。有我的数组:

这是我最后一次尝试使用ng-switch-when输出:

<div ng-repeat="date in allDates">
                <div ng-switch="date.invited_date">
                    <table>
                        <thead>
                        </thead>
                        <tbody>
                        <tr>
                            <td ng-switch-when="1">{{date.project_name}}</td>
                            <td ng-switch-when="0">{{date.project_name}}</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div>
                </div>
            </div> 

实际结果是:

但我需要在2栏中通过invite_date将它们分开,我该怎么办呢?

我可以在2个表中完成,但是如果项目名称很长,它将破坏结构

1 个答案:

答案 0 :(得分:0)

您无法通过单次迭代显示两行,请尝试两次迭代

 <div ng-repeat="date in allDates">
            <div ng-switch="date.invited_date">
                <table>
                    <thead>
                    </thead>
                    <tbody>
                    <tr>
                        <td ng-switch-when="1">{{date.project_name}}</td>

                    </tr>
                    </tbody>
                </table>
            </div>
            <div>
            </div>
        </div>

     <div ng-repeat="date in allDates">
            <div ng-switch="date.invited_date">
                <table>
                    <thead>
                    </thead>
                    <tbody>
                    <tr>

                        <td ng-switch-when="0">{{date.project_name}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div>
            </div>
        </div>