表中的智能表搜索无效

时间:2017-01-07 16:22:40

标签: javascript angularjs angularjs-ng-repeat restangular smart-table

我尝试在" smart-table"中显示我的数据,我使用Restangular和数据加载到表格非常好,但搜索不起作用(查询后表格中没有数据),我是新的角度(在网络上也是lol),目前我真的不知道如何解决它。以下是我的示例代码和代码(正确工作)。 我将非常感谢你的建议。

我的代码(搜索无效):

'use strict';

angular.module('NewApp')
  .controller('ItemsCtrl', function ($scope, Item) {
      $scope.items = Item.getList().$object;
  });

'项目'来自app.js:

....
.factory('Item', function(ItemRestangular) {
    return ItemRestangular.service('item');
  });

示例代码(搜索工作正确):

'use strict';
angular.module('NewApp')
  .controller('ItemsCtrl', function ($scope) {
    $scope.items = [
       {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页面:

        ...
        <tr ng-repeat="item in items">
            <td>{{item.firstName | uppercase}}</td>
            ...

1 个答案:

答案 0 :(得分:0)

如果您在html中发布总智能表部分,我可以更有效地帮助您。 如果您想在智能桌上使用搜索功能,

您需要像这样参考智能表模块。

angular.module('NewApp', ['smart-table']);

你应该在st-table指令下的输入标签中使用st-search指令。 请确认。

<table st-table...>
 <tr>
  <th>
    <input st-search="" .../>
  </th>
 </tr>

感谢。