3

angular.jswithを使用しtwitter bootstrapて、Web アプリケーションのクライアント側を作成しています。

私は疑問に思っています、このようなことをする適切な方法は何ですか

ここに画像の説明を入力

今のところ、私はこのようなことをしています

<div class="span9">
    <div class="row">
        <div class="span3" ng-repeat="set in selectedCollection.sets">
            {{set.name}}</div>
    </div>
</div>

このコードでは、たとえば 4 つの要素がある場合でも、最初の行には 3 つの要素があり、2 つ目の行には 1 つの要素があります。このソリューションが機能するかどうか（今のところ）、私はこれについて疑問に思っています：

To nest your content with the default grid, add a new .row and set of .span* columns within an existing .span* column. Nested rows should include a set of columns that add up to the number of columns of its parent.

この部分は、公式のブートストラップ ドキュメントからのものです。

これがこの種のことを行う不適切な方法である場合、どうすれば達成できますか? このデータをどうにかして 2 次元配列に分割し、ネストされた 2 つのループを作成span3して、すべての行に 3 つの div を作成する必要がありますか?

その場合は、1 次元配列に基づいてこの 2 次元配列を返しng-repeat="dimensionalSet in mappingFunction()"、外部要素で使用する関数をモデルに作成します。

4

1 に答える 1

0

実は私もこの状況を考えていました。あなたのフィドルが間違っているとは思いません。これらのネストされた行の列が親の列数に達しない場合は問題になりません。

できることの 1 つは、各オブジェクトに 3 つのオブジェクトの配列が含まれているオブジェクトのコレクションに対して ng-repeat を実行し、それらの一部が空であっても常にそれらの 3 つのオブジェクトを追加することです。サービス呼び出しから結果を取得している場合は、結果を返す前にサーバー側でこれを行うことができます。

于 2013-05-16T17:47:08.457 に答える