Angular js手风琴在桌子上工作

时间:2014-11-06 14:48:31

标签: javascript jquery angularjs angular-ui

嗨我可以问我怎么能在这个中取得手风琴。我花了很多时间做这件事,但我似乎无法修复它

这是我的列表截图

enter image description here

它确实有唯一的itemnumber,我想将accordion放在itemnumber中具有相同前6位数的项目,如列表底部的六个项目(相同图像)。

这是我的HTML代码:

<table class="table table-hover" id="itemlist">
            <tr>
                <th></th>
                <th>Item Number</th>
            </tr>
            <tr id="itemRowId_{{ item.Ilist.id}}" title="{{item.Ilist.itemnumber}}" data-ng-repeat-start="item in items | filter:itemSearch" draggable class="draggableItem">
                <td>
<img title="list" class="{{ item.Ilist.itemnumber }}"  id="{{ item.Ilist.itemnumber }}" width="50px" src="http:source.com{{ item.Ilist.itemnumber }}"/></td>
                <td >{{ item.Ilist.itemnumber}}</td>

            </tr>

            <tr data-ng-repeat-end></tr>
        </table>

这是我的json:

   {
        "status": "ok",
        "message": "",
        "data": [
            {
                "Ilist": {
                    "id": "1",
                    "itemnumber": "539386001"
                }
            },
            {
                "Ilist": {
                    "id": "2",
                    "itemnumber": "153443003"
                }
            },
            {
                "Ilist": {
                    "id": "3",
                    "itemnumber": "391705001"
                }
            },
            {
                "Ilist": {
                    "id": "4",
                    "itemnumber": "120143"
                }
            },
            {
                "Ilist": {
                    "id": "5",
                    "itemnumber": "154702"
                }
            },
            {
                "Ilist": {
                    "id": "6",
                    "itemnumber": "727106004"
                }
            },
            {
                "Ilist": {
                    "id": "7",
                    "itemnumber": "542699951"
                }
            },
            {
                "Ilist": {
                    "id": "8",
                    "itemnumber": "245088900071"
                }
            },
            {
                "Ilist": {
                    "id": "9",
                    "itemnumber": "245088900072"
                }
            },
            {
                "Ilist": {
                    "id": "10",
                    "itemnumber": "245088900077"
                }
            }
        ]
    }

请饶恕我,我是棱角分明的新人,

我花时间查看fiddle,但我不太关注

也是angular accordion,但我无法在桌面上使用它。

0 个答案:

没有答案