Angularjs 전체 HTML 검색

Android 앱 (angularjs를 사용하는 이온/코르도바)의 특정 텍스트를 강조 표시하는 검색 기능을 만들려고합니다.Angularjs 전체 HTML 검색

<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 문서를 검색 할 수있는 방법이 있나요, 그냥 위의 같은 배열을 통해 검색하지 : 내가 언급 된 샘플 코드 모두에서

는,이처럼 보이는 뭔가를 찾을 수 있습니까? 이봐 그 intersting의

출처

2015-01-15 ale10ander

내가 찾을 수있는 가장 좋은 해결책은 app.js에서 HTML의 전체 텍스트를 복제하는 것이지만, 약간 중복되고 유지 관리가 어려워 보입니다. 확실히 더 좋은 방법이 있을까요? – ale10ander

...

은 어쨌든 건너 온 : 그것은 크 누스 - 모리스 - 프랫 알고리즘을 사용합니다 말한다 http://www.quora.com/How-does-the-Search-function-in-a-browser-CTRL+F-work. 그렇지

, 당신은 기본 브라우저의 검색 기능을 사용하게하고자하는 경우 : 안드로이드를 들어 을 : iOS 용 webview's native function 를 사용합니다 : 또한이 웹보기를 사용할 수있다하는 JS 비틀기와 함께. Check this out와 자바 스크립트에서 this to search exclusive for pdfs

: per this article

행운으로 현재의 키워드를 검색 할 window.find() 메소드를 사용하여, 당신은 당신이 여기에서 찾고 있던 찾을 수 있기를 바랍니다.

출처

2015-03-19 04:23:06 Kailas

Angularjs 전체 HTML 검색

답변

관련 문제