Javascript ng点击不';t在响应角度数据表中工作
我试图以响应的方式单击表中的一个元素,但它不起作用。似乎ng click并不能很好地工作 这是我的html表格:Javascript ng点击不';t在响应角度数据表中工作,javascript,jquery,angularjs,datatables,Javascript,Jquery,Angularjs,Datatables,我试图以响应的方式单击表中的一个元素,但它不起作用。似乎ng click并不能很好地工作 这是我的html表格: <table id="listadifferite" datatable="ng" dt-options="myController.dtOptions" class="table table-bordered table-striped" cellspacing="0" width="100%"> <thead> <tr>
<table id="listadifferite" datatable="ng" dt-options="myController.dtOptions"
class="table table-bordered table-striped" cellspacing="0" width="100%">
<thead>
<tr>
<th>Col1</th>
<th>Col2</th>
<th>Col3</th>
<th>Col4</th>
</tr>
</thead>
<tbody>
<td data-dt-column="{{differite.idDif}}_0" class="text-center">Prova</td>
<td data-dt-column="{{differite.idDif}}_1" class="text-center">
<a ng-click="controllerDif.mostraDettaglio(differite)"><i class="fa fa-search-plus"></i></a>
</td>
<td data-dt-column="{{differite.idDif}}_2" class="text-center">Prova</td>
<td data-dt-column="{{differite.idDif}}_3" class="text-center">Prova</td>
</tr>
</tbody>
</table>
这里还有一个类似的问题:将此功能添加到控制器中修复了它:
function renderer(api, rowIdx, columns) {
var data = $.map( columns, function ( col, i ) {
return col.hidden ?
'<li data-dtr-index="'+col.columnIndex+'" data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+
'<span class="dtr-title">'+
col.title+
'</span> '+
'<span class="dtr-data">'+
col.data+
'</span>'+
'</li>' :
'';
}).join('');
return data ?
$compile(angular.element($('<ul data-dtr-index="'+rowIdx+'"/>').append( data )))($scope) :
false;
}
您的单击是否在重复范围内?您可能需要通过
$parent.controllerDif.mostraDettaglio(differite)
引用父范围,但是它不起作用。
function renderer(api, rowIdx, columns) {
var data = $.map( columns, function ( col, i ) {
return col.hidden ?
'<li data-dtr-index="'+col.columnIndex+'" data-dt-row="'+col.rowIndex+'" data-dt-column="'+col.columnIndex+'">'+
'<span class="dtr-title">'+
col.title+
'</span> '+
'<span class="dtr-data">'+
col.data+
'</span>'+
'</li>' :
'';
}).join('');
return data ?
$compile(angular.element($('<ul data-dtr-index="'+rowIdx+'"/>').append( data )))($scope) :
false;
}
.withOption('responsive', {
details: {
renderer: renderer
}
})