Question

如果我将div元素放在内部<tr>块中，则控制器不起作用。我在这里做错了吗？我尝试通过chrome进行调试，卡在特定的索引

            <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>

另外，我可以将相同的控制器用于单独的块吗？

Answer 1

如果你把多个控制器放在任何一个表中，它只适用于1个控制器，而不适用于第二个控制器。但是如果你删除表标签，所有控制器都可以正常工作

Answer 2

div标记不能在tr标记之上使用。相反，您可以使用tbody标记来完成工作。如果你打算给div标签赋予id属性并做一些处理，你可以通过“tbody”标签实现同样的目的。 Div和Table都是块级元素。所以他们不能嵌套。有关详细信息，请访问此页面：<div> into a <tr>: is it correct?

其次，你可以将“div”标签放在“td”标签内。

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

为了使用控制器，最好的方法是将ng-controller与table标记或table标记放在一起。

希望它可以帮到你！

干杯！

Answer 3

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'];
 });

谢谢！

<div ng-controller =“”>不在表内工作

3 个答案: