[解決済み] Angular.jsのng-repeatが複数のtrにまたがる場合
質問
私はAngular.jsを使用して、trを表示し、下のtdのdivをスライドダウンすることによってスライドアウト効果をシミュレートするために隠されたtrsを使用するアプリケーションを使用しています。このプロセスは、これらの行の配列を反復するときにknockout.jsを使用して幻想的に動作しました。
<!-- ko:foreach -->
を使うことができたからです。
angularで
ng-repeat
は html 要素に適用されなければなりません。つまり、標準的な方法を使用してこれらの二重の行を繰り返すことはできないようです。私の最初の対応は、これらの二重の行を表すディレクティブを作成することでした。しかし、ディレクティブテンプレートは単一のルート要素を持たなければならないので、これは失敗でした。
<tr></tr><tr></tr>
).
ng-repeatとangularの経験者でこれをクラックした人がいたら、この問題を解決する方法を説明してくれると非常にありがたいです。
(私はまた、添付された
ng-repeat
を付けることもできますが、これは複数のtbodyを生成し、標準的なHTMLでは悪い形式であると私は考えています(間違っていたら訂正してください)。
どのように解決するのですか?
使用方法
ng-repeat
で
tbody
は有効であるように見える。
この記事
.
また、簡単なテストとして
html バリデータ
では、複数の
tbody
要素を許可していました。
更新しました。
少なくともAngular 1.2では
ng-repeat-start
と
ng-repeat-end
を使うことで、一連の要素の繰り返しを可能にします。参照
のドキュメントを参照してください。
をご覧ください。また、@Onite さんのコメントにも感謝します。
関連
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] AngularJSのng-repeatでキーと値を反復処理する方法は?
-
[解決済み] Angularでtransclude 'true'とtransclude 'element'を使用するタイミングは?
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] javascript includes() 大文字小文字を区別しない
-
[解決済み] コールバック地獄とは何か、RXはそれをどのように、そしてなぜ解決するのか?
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
-
[解決済み] オブジェクト作成時のJavascript "Not a Constructor" Exceptionについて
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 同じ<table>の中に複数の<tbody>を入れることはできますか?
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] なぜjavascriptのES6 Promisesはresolve後も実行を継続するのですか?
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする
-
[解決済み] Chrome拡張機能:popup.htmlを強制終了させる
-
[解決済み] 変異を伴わないオブジェクトからの値の削除
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?