2017-03-08 3 views
0

Ich habe ein Div in einer ng-include-Vorlage, die nicht hervorgehoben wird, wenn Sie die Maus über. Der Mauszeiger ändert sich zu einem Mauszeiger, wenn Sie den Mauszeiger über den Text bewegen. Wenn Sie jedoch auf den Text klicken und ziehen, wird nichts hervorgehoben.Text innerhalb Ng-include Hervorhebt nicht

Dies ist wichtig, weil ich die Elemente innerhalb der ng-included-Vorlage nicht durchblättern kann, was eine Voraussetzung für die Bildschirmlesbarkeit ist. Irgendwelche Ideen was ist los?

Eltern Vorlage:

<div ng-controller="EntryController"> 
    <!-- Stuff that works --> 
    <div ng-include="'entry_review.html'"></div> 
</div> 

entry_review.html:

<div>hello</div> 

Ergebnis - nicht in der Lage zu klicken und ein Highlight über "hallo" zu ziehen. Kann auch nicht durchblättern (was das eigentliche Problem ist).

Antwort

1

Es hat wahrscheinlich 'user-select: none;' Irgendwo im CSS?

Angular sollte keinen Einfluss darauf haben.

+0

Danke! Ich habe ein mysteriöses Bit in meinem CSS gefunden, das user-select auf "none" gesetzt hat. Keine Ahnung warum. Immer noch nicht in der Lage, die Elemente durchzublättern, irgendwelche Ideen warum? Ich bin mir nicht sicher, welche CSS-Tabs steuern. – Nick

+1

Wenn Sie es zu einem "a" -Tag anstelle von div machen, können Sie darauf zugreifen. Die andere Option könnte die Verwendung des Attributs "tabindex" sein. – idahoduckhunter

+0

Ich habe das Tabindex-Attribut verwendet und es hat funktioniert, danke! – Nick