<div ng-controller> не работает внутри таблицы

0

Если я поместил элемент div во внутренний блок <tr> контроллер не будет работать. Я здесь что-то не так? Я попытался отладить через хром, который застревает в определенном индексе

            <div ng-controller="ctrl3">
                            <tr>
                                <table cellspacing="0" cellpadding="0" style="">
                                    <tbody>

                              i want to place the controller here but it doesn't show the result
                                        <tr><td align="left"><table cellspacing="0" cellpadding="0" style="" class="celltable">

                                                <thead>
                                                    <!--change style of column with css-->
                                                    <col >
                                                    <col >
                                                    <col >
                                                    <col >
                                                    <col >
                                                    <tr>
                                                        <th colspan="1" ng-repeat="b in buildheadings" class="Header">{{b}}</th>

                                                    </tr>
                                                </thead>

                                                <tbody><!--display none-->
                                                    <!--onclick-->



                                                    <tr >

                                                        <td ng-repeat="case in cases">{{case}}</td>                                 


                                                    </tr>




                                                </tbody>

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

Вот код javascript..

                <script>
                analyzer.controller('ctrl3',function($scope){

                            $scope.featureheadings=['Feature','Total','Passed','Failed','Random'];
                            $scope.buildheadings=['Build','Total','Passed','Failed','Random'];
                        });

                </script>

Кроме того, могу ли я использовать один и тот же контроллер для отдельных блоков?

  • 0
    Но если вы установите это в div, как в вашем примере, это работает?
  • 0
    Да, это так. ...
Показать ещё 2 комментария
Теги:

3 ответа

-1
Лучший ответ

тег div нельзя использовать над тегом tr. Вместо этого вы можете использовать тег tbody для выполнения своей работы. Если вы планируете присвоить атрибут id тегу div и выполнять некоторую обработку, вы можете достичь той же цели с помощью тега "tbody". Div и Table являются элементами уровня блока. поэтому они не могут быть вложенными. Для получения дополнительной информации посетите эту страницу: <div> в <tr>: это правильно?

во-вторых, вы можете поместить тег "div" внутри тега "td".

<table>
  <tr>
    <td>
        <div></div>
    </td>
  </tr>
</table>

Чтобы работать с контроллером, лучший способ установить ng-controller с table тегом или тегом table выше.

Надеюсь, это поможет вам!

Ура!

Поделиться
  • 0
    Итак, если у меня есть <tr> много блоков внутри </ tr>, я не могу использовать div для любого элемента?
  • 0
    Я считаю, что да, но если вы хотите поставить div для ng-controller , я думаю, что вы можете также поставить блок tr .
Показать ещё 2 комментария
0

если вы помещаете multi ng-controller внутри любой таблицы, он работает только для 1 контроллера, а не для второго. Но если вы удалите табличный тег, весь контроллер будет работать

Поделиться
-2

В html-разметке есть проблема. попробуй это,

<table cellspacing="0" cellpadding="0" style="" ng-controller="ctrl3">
    <thead>
        <tr>
            <th colspan="1" ng-repeat="b in buildheadings" class="Header">{{b}}</th>
        </tr>
    </thead>
    <tbody>
        <tr >
            <td ng-repeat="case in cases">{{case}}</td>
        </tr>
    </tbody>
</table>

А также,

 angular.module('AppName', []).controller('ctrl3', function($scope) {
    $scope.featureheadings = ['Feature', 'Total', 'Passed', 'Failed', 'Random'];
    $scope.buildheadings = ['Build', 'Total', 'Passed', 'Failed', 'Random'];
    $scope.cases = ['one', 'two', 'three', 'four', 'five'];
 });

Благодарю!

Поделиться
  • 0
    Не работает! добавив ng-контроллер в тег таблицы

Ещё вопросы

Сообщество Overcoder
Наверх
Меню