Question

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

安装了smart-table

bower安装angular-smart-table

npm install
在config.js中添加了智能表依赖

var applicationModuleVendorDependencies = ['ngResource'，'ngCookies'，'ngAnimate'，'ngTouch'，'ngSanitize'，'ui.router'，'ui.bootstrap'，'ui.utils'，'smart-table' ];
在env / all.js中添加了智能表js的位置

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

修改controller.js以将smart-table添加为dependncy

angular.module（'exceptions'，['smart-table']）。controller（.....

在第4步之后，我的模块没有加载我曾尝试修改client.module.js并添加以下行但没有运气

ApplicationConfiguration.registerModule('smart-table');

任何人都可以指出我，如果我错过任何或正确的方式在MEANJS中注入第三方模块

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堆栈并且对我来说很好。

将smart-table添加到meanjs堆栈

1 个答案: