md-highlight-text per più parole

Question

Sto utilizzando md-highlight-text per evidenziare le parole in un elenco di etichette di casella di controllo basate sulla ricerca. Ma voglio evidenziare più parole cercate .. Non ci sono opzioni/flag per questo nella direttiva?

esempio di codice da sito md:

<input placeholder="Enter a search term..." ng-model="searchTerm" type="text"> 
<ul> 
    <li ng-repeat="result in results" md-highlight-text="searchTerm"> 
    {{result.text}} 
    </li> 
</ul> 

qui voglio evidenziare più parole digitate in ingresso.

Answer 1

Perché ho trovato questo nei risultati di ricerca migliori sul Web, e poiché la domanda era un po 'oscura, ho intenzione di rispondere a questo più modi.

Ovviamente, come accennato nella risposta di lorenzo montanan, è necessario fornire alcuni css per il momento saliente (penso di sì, almeno).

Se l'OP (o, il lettore) chiedeva di evidenziare più parole nei risultati, c'è ora un md-highlight flag che potrebbero aiutare (vedi md-highlight-text documentation) che attualmente funziona così:

md-highlight-flags - string - Un elenco di flag (liberamente basati sui flag JavaScript RexExp).

bandiere supportati:

g: Trova tutte le partite all'interno del testo fornito

i: Ignora caso in cui la ricerca di corrispondenze

$: abbinare solo se il testo si conclude con il termine di ricerca

^: Solo corrispondere se il testo comincia con il termine di ricerca

Se, tuttavia, si desidera digitare più parole nell'input e avere l'output evidenzia ogni parola separatamente senza dover essere nello stesso ordine, quindi md-highlight-text non lo farà, e non è interessato a farlo (vedere : request for highlighting multiple input words e another request). Un modo per farlo è scrivere la tua direttiva sui filtri.