ngRepeat奇妙な振る舞い

user3052526

2つの配列で構成される単純な次のオブジェクトを実行できないとは信じられません

{"M":
  [
   "Alpha",
   "Beta",
   "Zeta"],
 "F":
    [
     "Alpha",
     "Omega"
  ]}

私がしたいのは、次のようなネストされたng-repeatを持っていることです

        <a 
            class="list-group-item list-group-item-info"
            ng-repeat="(key,list) in vm.result">

            {{key}}

            <a
                class="list-group-item"
                ng-repeat="name in list">
                {{name}}
            </a>
        </a>

なぜそれが機能しないのか誰もが知っています。

キーは正しく表示されますが、リストでの反復に失敗するため、名前は表示されず、コンソールにもエラーは表示されません。

ありがとう

maurica

あなたの問題の結論:

https://www.w3.org/TR/html401/struct/links.html#h-12.2.2

ネストされたリンクは違法です

A要素によって定義されたリンクとアンカーはネストしてはなりません。A要素には他のA要素を含めることはできません。

DTDはLINK要素を空として定義しているため、LINK要素もネストできません。

外側の要素を<div>またはに変更する<span>と、機能します

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事