Javascript 响应模式下的数据表ng click不';行不通

Javascript 响应模式下的数据表ng click不';行不通,javascript,jquery,angularjs,datatables,Javascript,Jquery,Angularjs,Datatables,我有一个由angulars ng repeat填充的数据表。下面的代码是我正在使用的,我只更改了标题和重复的内容 在我在一个移动设备上测试它之前,它工作得非常好,表开始响应,添加了小圆圈+符号来扩展和查看隐藏列中的数据。当这种情况发生时,“更多信息”按钮根本不起作用 据我推测,单击小+符号时显示的信息会在单击时动态添加,这意味着“更多信息”按钮是原始按钮的副本,该按钮仍在隐藏表列中。我相信这是导致ng click事件无法“连接”的原因 有人知道我是否正确和/或如何解决这个问题吗 <tabl

我有一个由angulars ng repeat填充的数据表。下面的代码是我正在使用的,我只更改了标题和重复的内容

在我在一个移动设备上测试它之前,它工作得非常好,表开始响应,添加了小圆圈+符号来扩展和查看隐藏列中的数据。当这种情况发生时,“更多信息”按钮根本不起作用

据我推测,单击小+符号时显示的信息会在单击时动态添加,这意味着“更多信息”按钮是原始按钮的副本,该按钮仍在隐藏表列中。我相信这是导致ng click事件无法“连接”的原因

有人知道我是否正确和/或如何解决这个问题吗

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