Question

我想使用有角度的智能表库，但是我们没有使用bower所以我从github下载了文件，我得到了文件＆＃34; smart-table.min.js＆＃34;并引用它，我没有控制台错误，但当我尝试使用智能表功能，如分页时，它不起作用。

我是否必须添加其他文件（CSS）？

<table st-table="rowCollection" class="table table-striped">
                        <thead>
                        <tr>
                            <th st-sort="firstName">first name</th>
                            <th st-sort="lastName">last name</th>
                            <th st-sort="birthDate">birth date</th>
                            <th st-sort="balance">balance</th>
                            <th>email</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="row in rowCollection">
                            <td>{{row.firstName | uppercase}}</td>
                            <td>{{row.lastName}}</td>
                            <td>{{row.birthDate | date}}</td>
                            <td>{{row.balance | currency}}</td>
                            <td><a ng-href="mailto:{{row.email}}">email</a></td>
                        </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="5" class="text-center">
                                    <div st-pagination="" st-items-by-page="10" st-displayed-pages="7"></div>
                                </td>
                            </tr>
                        </tfoot>
                    </table>

请帮助

Answer 1

在ng-app定义中，确认您正在引用'smart-table'：

var myApp = angular.module('myApp', [
  'smart-table'
]);

在您的控制器中，确保正确定义了“rowCollection”：

$scope.rowCollection = [
{ firstName: "abc", lastName: "def", birthDate: "1/1/2010", balance: 0 },
{ firstName: "abc", lastName: "def", birthDate: "1/1/2010", balance: 0 },
{ firstName: "abc", lastName: "def", birthDate: "1/1/2010", balance: 0 }
]

只要你有正确的智能表min.js文件引用，以及相应的angular.js版本（1.5+），你应该是肉汁。

<script type="text/javascript" src="components/angular/angular.min.js">   </script>
<script type="text/javascript" src="components/smart-table/smart-table.min.js"></script>

如果它仍然不起作用，请提供完整的标记，我们可以进一步提供帮助。

角度智能表没有凉亭

1 个答案: