将 smart-table 添加到 meanjs 堆栈

Question

我已经构建了一个基本的应用程序表单 meanjs 样板代码并尝试注入 smart-table 来显示 table 数据以下是我所做的更改，但不确定为什么它不起作用

已安装智能-table

bower 安装 angular-smart-table

npm 安装
在 config.js
中添加了 smart-table 依赖
var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'ui.router', 'ui.bootstrap' , 'ui.utils', 'smart-table'];
在env/all.js中添加了smart-table js的位置

'public/lib/angular-smart-table/smart-table.js'

修改了 controller.js 以添加 smart-table 作为依赖

angular.module('exceptions' ,['smart-table']).控制器(.....

第 4 步后我的模块没有加载我曾尝试通过添加下面的行来修改 client.module.js 但没有运气

ApplicationConfiguration.registerModule('smart-table');

如果我遗漏任何东西或在 MEANJS 中注入第 3 方模块的正确方法，谁能指点我

Answer 1

不需要第四步。试试这个。

在您的控制器虚拟数据中。

$scope.rowCollection = [
            {firstName: 'Laurent', lastName: 'Renard', birthDate: new Date('1987-05-21'), balance: 102, email: 'whatever@gmail.com'},
            {firstName: 'Blandine', lastName: 'Faivre', birthDate: new Date('1987-04-25'), balance: -2323.22, email: 'oufblandou@gmail.com'},
            {firstName: 'Francoise', lastName: 'Frere', birthDate: new Date('1955-08-27'), balance: 42343, email: 'raymondef@gmail.com'}
        ];

在你的html

<table st-table="rowCollection" class="table table-striped">
    <thead>
    <tr>
        <th>first name</th>
        <th>last name</th>
        <th>birth date</th>
        <th>balance</th>
        <th>email</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="row in rowCollection">
        <td>{{row.firstName}}</td>
        <td>{{row.lastName}}</td>
        <td>{{row.birthDate}}</td>
        <td>{{row.balance}}</td>
        <td>{{row.email}}</td>
    </tr>
    </tbody>
</table>

我用 meanjs stack 试过了，效果很好。

将 smart-table 添加到 meanjs 堆栈

adding smart-table to meanjs stack

javascript

angularjs

meanjs

smart-table