Angularjs-Richtlinie, um eine Inhaltsverzeichnis zu generieren

Question

Stellen Sie sich einen HTML-Text vor, der Schlagzeilen enthält (H1-H6).In meiner Situtation ist es auch in einer HTML-Seite als Dom vorhanden.Also mit jQuery, würde ich so etwas wie $('.text').find('h1,h2,h3,h4,h5,h6') tun, um alle Schlagzeilen zu extrahieren.

Aber ich möchte nicht jQuery oder einen anderen schweren Rahmen verwenden.Wie kann ich das mit Angularjs tun? Bitte beachten Sie, dass ich die Schlagzeilen in der richtigen Reihenfolge benötige, um ihn als Inhaltsverzeichnis anzuzeigen.

Answer 1

also hier ist meine endgültige Lösung.Der NG-Modellteil wird verwendet, um die Schlagzeilen zu aktualisieren, wenn der Text aktualisiert wird.

generasacodicetagpre.

uage:

generasacodicetagpre.

Answer 2

Sie haben Glück und sollten in der Lage sein, eckig.Element fast genau auf dieselbe Weise wie Sie jQuery verwenden würden.

angular.element('h1') findet h1-Elemente.

Answer 3

eckular jqlite ist Ihre Option hier, aber vergessen Sie nicht, dass. find () ist auf Lookups per Tag-Name beschränkt.

Überprüfen Sie diese so so Antworten, wenn das hilft.

Answer 4

Sie finden die Elemente mit der Klasse ".text" mit

generasacodicetagpre.