2015-01-16 58 views
1

我建立了一個基本的申請表格meanjs樣板代碼,並試圖注入智能表顯示表數據 下面是爲什麼它不工作加入智能表meanjs棧

    我所做的更改,但不知道
  1. 安裝智能表

    亭子安裝角智能表

    NPM安裝

  2. 在config.js中添加智能表依賴項

    var applicationModuleVendorDependencies = ['ngResource','ngCookies','ngAnimate','ngTouch','ngSanitize','ui.router','ui.bootstrap', 'ui.utils','smart-table'];

  3. 在ENV智能表JS的

    新增地點/ all.js

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

  • 修改了controller.js添加智能表作爲dependncy

    angular.module( '例外',[ '智能表'])。控制器(.....

  • 第4步我的模塊後不會被加載 我曾與修改client.module.js與添加下面一行很好,但沒有運氣

    ApplicationConfiguration.registerModule('smart-table'); 
    

    任何人都可以請點我,如果我丟失任何東西,或嘗試在MEANJS中注入第三方模塊的正確方法

    回答

    1

    第四步不是必需的。嘗試這個。

    在你的控制器僞數據。

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

    在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堆棧和我工作得很好。