1. ホーム
  2. javascript

[解決済み] Angular.jsのng-repeatが複数のtrにまたがる場合

2022-08-01 19:44:06

質問

私は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-repeattbody は有効であるように見える。 この記事 .

また、簡単なテストとして html バリデータ では、複数の tbody 要素を許可していました。

更新しました。 少なくともAngular 1.2では ng-repeat-startng-repeat-end を使うことで、一連の要素の繰り返しを可能にします。参照 のドキュメントを参照してください。 をご覧ください。また、@Onite さんのコメントにも感謝します。