3

私はFoundationレイアウトフレームワークを使用しています。これは、最後の兄弟を自動的.columnに右にフロートさせます。これが動作であることを本当に感謝しています。ただし、AngularJS は、span.ng-scopeevery の後に挿入することを自ら引き受けますdiv.column。これにより、ブラウザは、最後のスパンを最後の兄弟と見なします.column(そうでなくても)。

具体的には、これを担当する Foundation の css は次のとおりです。

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

私が理解している[attribute*="substring"]ように、一致する兄弟のみを選択する必要があるため、上記の場合、クラス属性にcolumn( を含むcolumns) が含まれる要素のみが選択されます。class含まれていない属性を持つスパンタグcolumnは一致しないはずです（したがって、によって無視され:last-childます）。しかし、そうではないようです。

とにかく、スパンが問題を引き起こしています：

spanこれらのタグの挿入を停止するように角度を構成する方法はありますか? 残念ながら、css セレクターを変更して、すべてのスパン タグを何らかの形で無視します。ただし、最終的にスパンタグを使用する必要がある/使用したい場合があります。

4

2 に答える 2

2

divを内部に移動できることを示したので、これは機能します。

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

次に、テンプレートで：

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

私はangularがspanタグを挿入するのを防ぐ方法を知りません（ガベージコレクションのために、その方法でスコープを追跡していると思います）。

于 2013-01-04T23:21:53.803 に答える
0

また、スコープを作成しない私のバージョンの include ディレクティブを試すこともできます: Gist source。

スコープが作成されないため、AngularJS はスコープを維持するために追加の要素を作成しないでください (実際にはデータ属性を使用してスコープへのリンクを保存します)。

于 2013-01-05T18:55:21.137 に答える