angularjs - $elem.hide 不是 Angular 数据表中的函数

Question

我想使用分页插件 Angular 数据表。我用 bower 安装了它，但它不起作用。它给出了以下错误

TypeError: $elem.hide is not a function at Object.showLoading (http://localhost:8000/vendor/angular-datatables.js:698:15) at postLink (http://localhost:8000/vendor/angular-datatables.js:47:31) at http://localhost:8000/vendor/angular.js:8783:44 at invokeLinkFn (http://localhost:8000/vendor/angular.js:8789:9) at nodeLinkFn (http://localhost:8000/vendor/angular.js:8289:11) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7680:13) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7684:13) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7684:13) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7684:13) at compositeLinkFn (http://localhost:8000/vendor/angular.js:7684:13)

我使用零配置，
这是我使用的html代码

<table datatable="" class="row-border hover">
    <thead>
        <tr>
            <th>ID</th>
            <th>First name</th>
            <th>Last name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>Foo</td>
            <td>Bar</td>
        </tr>
        <tr>
            <td>123</td>
            <td>Someone</td>
            <td>Youknow</td>
        </tr>
        <tr>
            <td>987</td>
            <td>Iamout</td>
            <td>Ofinspiration</td>
        </tr>
    </tbody>
</table>

Answer 1

我想你已经添加 javascript文件顺序错误。

您需要按此顺序添加

JQUERY

ANGULAR

JQUERY DATA-TABLE

ANGULAR DATA-TABLE

并且不要忘记添加 datatables模块到主模块，

例如: angular.module('plunker', ['datatables']);
DEMO

简单 - 如果您添加 jquery.js在 angular.js 之后，然后剪切 jquery.js并将其放在 angular.js 的顶部.

如果您使用 bower然后更新 bower.json以满足上述变化。