Angularjs搜索整个HTML

时间:2015-01-15 19:21:52

标签: javascript android html angularjs search

我正在尝试创建一个搜索功能,该功能将突出显示Android应用上的特定文字(Ionic / Cordova使用angularjs)。

从我提到的所有示例代码中,我可以找到如下所示的内容:

<div ng-init="friends = [{name:'John', phone:'555-1276'},
                     {name:'Mary', phone:'800-BIG-MARY'},
                     {name:'Mike', phone:'555-4321'},
                     {name:'Adam', phone:'555-5678'},
                     {name:'Julie', phone:'555-8765'},
                     {name:'Juliette', phone:'555-5678'}]"></div>

    Search: <input ng-model="searchText">
<table id="searchTextResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friend in friends | filter:searchText">
    <td>{{friend.name}}</td>
    <td>{{friend.phone}}</td>
  </tr>
</table>
<hr>

Any: <input ng-model="search.$"> <br>
Name only <input ng-model="search.name"><br>
Phone only <input ng-model="search.phone"><br>
Equality <input type="checkbox" ng-model="strict"><br>
<table id="searchObjResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friendObj in friends | filter:search:strict">
    <td>{{friendObj.name}}</td>
    <td>{{friendObj.phone}}</td>
  </tr>
</table>

有没有办法搜索整个HTML文档,而不只是搜索上面的数组?

1 个答案:

答案 0 :(得分:1)

嘿,那个有用的......

无论如何都来了:http://www.quora.com/How-does-the-Search-function-in-a-browser-CTRL+F-work说它使用了Knuth-Morris-Pratt算法。

否则,如果您希望使用本机浏览器搜索功能: 对于Android:使用webview's native function 对于IOS:你也可以通过js调整来使用webview。 Check this outthis to search exclusive for pdfs

在Javascript中:使用window.find()方法在当前搜索per this article

的关键字 祝你好运,希望你发现你在这里寻找。