AngularJS在表格內容中的搜索頁面

嗨，我是新來的這個框架，我不得不改變一些webapp。AngularJS在表格內容中的搜索頁面

已經有這樣的事情：

<input type="text" class="catalog-search input input--large input--full" ng-model="search">

和

<ul class="catalog-list catalog-scroll"> 
    <li ng-repeat="rodzic in list | groupBy:'styl' | toArray:true | orderBy:!'$key'"> 
     {{rodzic.$key}} 
    <ul> 
     <li ng-repeat="dziecko in rodzic | filter:search | bookmark:search" ng-class="{active:isActiveTab(dziecko)}" ng-click="openItem(dziecko)"> 
      {{dziecko.rodzina}}&nbsp; 
      <b>{{dziecko.page}}</b> 
     </li> 
    </ul> 
</li> 
</ul>

上面的代碼創建了PDF內容file.When我輸入輸入字段搜索一些字表工作正常，但我不能按號碼搜索，假設我想查找第3號頁碼。

我應該更改哪些內容才能通過頁碼查找？

Thx提前。

來源

2015-01-21 kuba0506

我沒有看到這樣的數字搜索問題。我提供了your code into Plnkr的簡化版本，我可以通過單詞或數字進行搜索 - 即使數字有時是數字值，有時也可能是字符串。

在6或7（數字值）或3（它是一個字符串'333'）上搜索。兩者都有效。

你能修改my Plunk顯示問題？

這裏是我的HTML：

<body ng-controller="MainCtrl"> 
    <input type="text" class="catalog-search input input--large input--full" ng-model="search"> 
    <ul class="catalog-list catalog-scroll"> 
    <li ng-repeat="rodzic in list"> 
     {{rodzic.$key}} 
     <ul> 
     <li ng-repeat="dziecko in rodzic | filter:search" ng-class="{active:isActiveTab(dziecko)}" ng-click="openItem(dziecko)"> 
      {{dziecko.rodzina}}&nbsp; 
      <b>{{dziecko.page}}</b> 
     </li> 
     </ul> 
    </li> 
    </ul> 
</body>

這裏是我的控制器與一些模擬數據，我認爲模擬你不夠好這個示範。

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    $scope.name = 'World'; 
    $scope.list = [ 
    [{ 
     rodzina: 'This is one', 
     page: '111' 
    }, { 
     rodzina: 'This is two', 
     page: '222' 
    }, { 
     rodzina: 'This is three', 
     page: '333' 
    }], 
    [{ 
     rodzina: 'This is four', 
     page: '444' 
    }, { 
     rodzina: 'This is five', 
     page: '555' 
    }, { 
     rodzina: 'This is six', 
     page: 666 
    }], 
    [{ 
     rodzina: 'This is seven', 
     page: 777 
    }, { 
     rodzina: 'This is eight', 
     page: '888' 
    }, { 
     rodzina: 'This is nine', 
     page: '999' 
    }], 
    ] 
});

來源

2015-01-30 18:48:10

AngularJS在表格內容中的搜索頁面

回答

相關問題