Angularjs 搜索整个 HTML

Question

我正在尝试创建一个搜索功能，该功能将在 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 文档，而不仅仅是像上面那样搜索数组？

Answer 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 ：您也可以使用 webview，并进行 js 调整。 Check this out and this to search exclusive for pdfs

In Javascript : 使用 window.find() 方法在当前搜索关键词为 per this article

祝你好运，希望你能在这里找到你想要的。

Angularjs 搜索整个 HTML

Angularjs search entire HTML

html

javascript

search

android

angularjs