Stop AngularJS einfügen <span class="ng-scope"></span> mit ng-include

Ich bin mit der Foundation-layout-framework, das automatisch schwimmt die letzten Geschwister von .column auf der rechten Seite und ich wirklich zu schätzen, dies ist ein Verhalten. Jedoch, AngularJS, nimmt es auf sich selbst zu legen span.ng-scope nach jedem div.column, die irgendwie bewirkt, dass Browser zu betrachten, der Letzte span dem letzten gleichrangigen Element des .column (obwohl es nicht ist).

Speziell das css im Foundation für diese verantwortlich:

[class*="column"] + [class*="column"]:last-child { float: right; }

Wie ich es verstehe, [attribute*="substring"] sollten Sie nur Geschwister, die übereinstimmen, also für die oben genannten, nur Elemente, deren class-Attribut enthält column (einschließlich columns). Ich würde denken, dass ein span-tag, dessen class - Attribut, die nicht enthalten column sollten Sie nicht übereinstimmen (und somit ignoriert werden, indem :last-child). Jedoch, dies scheint nicht der Fall zu sein.

Unabhängig, die Spanne ist das problem verursacht:

Gibt es eine Möglichkeit zu konfigurieren, Winkel zu stoppen, beim einfügen dieser span - tags? Ich würde, widerwillig, ändern Sie den css-Selektor, um irgendwie ignorieren alle span-tags; allerdings habe ich vielleicht irgendwann brauchen/wollen, zu einem span-tag.

Kann <div class="row"> verschoben werden, in der Vorlage?
Wahrscheinlich (schafft ein wenig divitis tho)
Der Attribut-Selektor sollte wählen Sie die Elemente, die übereinstimmen, aber beide Geschwister-Selektor und :last-child werden gestört durch die spans, dass sich auto-eingefügt.

InformationsquelleAutor jacob | 2013-01-04

  1. 2

    Da Sie angegeben haben das div bewegt werden kann, nach innen, das funktioniert:

    <ng-include src="'main.tmpl'"></ng-include>

    Dann in Ihre Vorlage ein:

    <div class="row">
   <article id="sidepanels" class="four columns">
   ...
</div>

    Ich bin mir nicht bewusst irgendeine Weise zu verhindern, dass Winkel vom einsetzen des span-tags (ich denke, Sie merkt sich die Bereiche, die Weg -- für die garbage-collection).

    OMG, warum funktioniert das? (jsfiddle.net/jshado1/F5VdG/4)

    InformationsquelleAutor Mark Rajcok

  2. 0

    Sie können auch versuchen meine version der include-Direktive, die nicht schafft einen Rahmen: Wesentliche Quelle.

    Da keine Bereiche erstellt werden, AngularJS, sollten Sie nicht erstellen Sie zusätzliche element zu mainain Umfang (tatsächlich verwenden Daten, die Attribute, die zum speichern Verknüpfung zu Bereich).

    cool, danke. ich werde prüfen, ob aus.

    InformationsquelleAutor Valentyn Shybanov

Schreibe einen Kommentar