Если я поместил элемент 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>
Кроме того, могу ли я использовать один и тот же контроллер для отдельных блоков?
тег div
нельзя использовать над тегом tr
. Вместо этого вы можете использовать тег tbody
для выполнения своей работы. Если вы планируете присвоить атрибут id тегу div и выполнять некоторую обработку, вы можете достичь той же цели с помощью тега "tbody". Div и Table являются элементами уровня блока. поэтому они не могут быть вложенными. Для получения дополнительной информации посетите эту страницу: <div> в <tr>: это правильно?
во-вторых, вы можете поместить тег "div" внутри тега "td".
<table>
<tr>
<td>
<div></div>
</td>
</tr>
</table>
Чтобы работать с контроллером, лучший способ установить ng-controller
с table
тегом или тегом table
выше.
Надеюсь, это поможет вам!
Ура!
ng-controller
, я думаю, что вы можете также поставить блок tr
.
если вы помещаете multi ng-controller внутри любой таблицы, он работает только для 1 контроллера, а не для второго. Но если вы удалите табличный тег, весь контроллер будет работать
В 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'];
});
Благодарю!