Как запустить цикл ng-repeat внутри таблицы в формате html? - PullRequest
Новая
       7

Как запустить цикл ng-repeat внутри таблицы в формате html?

0 голосов
/ 15 февраля 2019 
                <thead>
                    <tr>

                        <th ng-click="sortData('firstname')">
                            Firstname <div ng-class="getSortClass('firstname')"></div>
                        </th>

                        <th ng-click="sortData('lastname')">
                            Lastname <div ng-class="getSortClass('lastname')"></div>
                        </th>


                        <th ng-click="sortData('email')">
                            Email <div ng-class="getSortClass('email')"></div>
                        </th>


                        <th ng-click="sortData('university')">
                            University <div ng-class="getSortClass('university')"></div>
                        </th>

                        <th ng-click="sortData('githublink')">
                            Github Link <div ng-class="getSortClass('githublink')"></div>
                        </th>

                        <th ng-click="sortData('bamboolink')">
                            Bamboo <div ng-class="getSortClass('bamboolink')"></div>
                        </th>

                        <th ng-click="sortData('backendnote')">
                            Backend <div ng-class="getSortClass('backendnote')"></div>
                        </th>

                        <th ng-click="sortData('frontend')">
                            Frontend <div ng-class="getSortClass('frontend')"></div>
                        </th>

                        <th ng-click="sortData('algorithms')">
                            Algorithms <div ng-class="getSortClass('algorithms')"></div>
                        </th>

                        <th ng-click="sortData('specialnote')">
                            Special notes <div ng-class="getSortClass('specialnote')"></div>
                        </th>

                        <th>
                            Extra column1
                        </th>

                        <th>
                            Extra column2
                        </th>

                        <th>
                            Extra column3
                        </th>

                        <th>
                            Delete
                        </th>

                        <th>
                            Edit
                        </th>

                    </tr>

                </thead>

Я хочу заменить эти дополнительные столбцы 1, 2 и 3 на ng-repeat, поскольку число столбцов со временем изменится.Когда я попробовал этот фрагмент кода ниже 

                        <div ng-repeat="a in emps">
                            <th>
                                {{a.intervieweeExtra[$index].columnname}}
                            </th>
                        </div>

, он ничего не печатал.Как мне это сделать в angularjs 1.x?Я новичок в html и angularjs.Я не мог найти рабочее решение, поэтому спрашиваю об этом здесь.Спасибо

Ответы [ 2 ]

0 голосов
/ 15 февраля 2019

Нет причин для элемента <div>.Вы должны поместить ng-repeat непосредственно в элемент <th>, то есть: 

<table>
    <thead>
        <tr>
            <!-- Permanent columns -->
            <th></th>
            <th></th>

            <!-- Variable columns -->
            <th ng-repeat="a in emps">{{a.intervieweeExtra[$index].columnname}}</th>

            <!-- Permanent columns -->
            <th></th>
            <th></th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <!-- Permanent columns -->
            <td></td>
            <td></td>

            <!-- Conditional columns -->
            <td ng-repeat="a in emps"></td>

            <!-- Permanent columns -->
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

Идентичный ng-repeat добавляется к строке таблицы в элементе <tbody>, чтобы гарантировать, что строки взаголовок таблицы и тело таблицы содержат одинаковое количество столбцов.

Я думаю, что вы также просто хотите сослаться на {{a.intervieweeExtra.columnname}}, но без знания вашей структуры данных трудно точно знать.

0 голосов
/ 15 февраля 2019

{{$ index + 1}} {{row.name}}

{{}} Array.name

пожалуйста, используйте это для ng-repeat

...