Javascript 响应模式下的数据表ng click不';行不通
我有一个由angulars ng repeat填充的数据表。下面的代码是我正在使用的,我只更改了标题和重复的内容 在我在一个移动设备上测试它之前,它工作得非常好,表开始响应,添加了小圆圈+符号来扩展和查看隐藏列中的数据。当这种情况发生时,“更多信息”按钮根本不起作用 据我推测,单击小+符号时显示的信息会在单击时动态添加,这意味着“更多信息”按钮是原始按钮的副本,该按钮仍在隐藏表列中。我相信这是导致ng click事件无法“连接”的原因 有人知道我是否正确和/或如何解决这个问题吗Javascript 响应模式下的数据表ng click不';行不通,javascript,jquery,angularjs,datatables,Javascript,Jquery,Angularjs,Datatables,我有一个由angulars ng repeat填充的数据表。下面的代码是我正在使用的,我只更改了标题和重复的内容 在我在一个移动设备上测试它之前,它工作得非常好,表开始响应,添加了小圆圈+符号来扩展和查看隐藏列中的数据。当这种情况发生时,“更多信息”按钮根本不起作用 据我推测,单击小+符号时显示的信息会在单击时动态添加,这意味着“更多信息”按钮是原始按钮的副本,该按钮仍在隐藏表列中。我相信这是导致ng click事件无法“连接”的原因 有人知道我是否正确和/或如何解决这个问题吗 <tabl
<table id="dtTransactions" datatable="ng" class="table table-bordered dt-responsive dataTable no-footer dtr-inline collapsed">
<thead>
<tr>
<th>header 1</th>
<th>header 2</th>
<th>header 3</th>
<th>header 4</th>
<th></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="person in people">
<td>{{ person.name }}</td>
<td>{{ person.age }}</td>
<td>{{ person.eyecolour }} }}</td>
<td>{{ person.shoesize }} }}</td>
<td align="center">
<button type="button" class="btn btn-default" ng-click="doSomething(person)">More Info</button>
</td>
</tr>
</tbody>
</table>
我认为您需要移动设备。您实现功能的方法是错误的。您可以尝试不重复按钮的解决方法,如下所示
<tr ng-repeat="person in people">
<td>{{ person.name }}</td>
<td>{{ person.age }}</td>
<td>{{ person.eyecolour }} }}</td>
<td>{{ person.shoesize }} }}</td>
<td align="center">
<button type="button" class="btn btn-default" ng-click="doSomething($index)">More Info</button>
</td>
</tr>
{{person.name}
{{person.age}
{{person.eyecolor}}}}
{{person.shoesize}}}}
更多信息
使用ngRepeat指令中的track by以提高速度(+这是最佳做法)您可以在按钮不工作的情况下创建plunkr吗?我查过了-simple ngClick在我的pc和android手机(默认浏览器,chrome)上都能正常工作,恐怕我不熟悉Plnkr。。。我拨弄得很快,但我遗漏了一些明显的东西。我会在工作时间以外再去一次。编辑我的问题。。。我在重新调整代码时错过了这一部分。
<tr ng-repeat="person in people">
<td>{{ person.name }}</td>
<td>{{ person.age }}</td>
<td>{{ person.eyecolour }} }}</td>
<td>{{ person.shoesize }} }}</td>
<td align="center">
<button type="button" class="btn btn-default" ng-click="doSomething($index)">More Info</button>
</td>
</tr>