11

DIV 内の ng-if に関する以前の投稿を参照して、こちらのリンクを参照してください:: DIV 内の Ng-If ですが、td で ng-repeat を使用してテーブル内の ng-if で同じことを試してみたところ、そうではないようですうまくできた。間違っている場合は修正してください。条件に基づいて列を表示しようと2回試みましたが、何も機能しませんでした。以下に、参照用のコードを示します。誰かがこれについて私を助けてくれませんか。さらに説明が必要な場合はお知らせください。

HTML

試してください :: 1

   <table>
        <tr ng-repeat = "data in comments">
            <td ng-if="data.type == 'hootsslllll' ">
             //differnt template with hoot data
            </td>
            <td ng-if="data.type == 'story' ">
             //differnt template with story data
            </td>
            <td ng-if="data.type == 'article' ">
            //differnt template with article data
            </td>
        </tr>

    </table>

試してください :: 2 

<table>
    <tr ng-repeat = "data in comments">
        <div ng-if="data.type == 'hootsslllll' ">
            <td> //differnt template with hoot data </td>
        </div>
        <div ng-if="data.type == 'story' ">
            <td> //differnt template with story data </td>
        </div>
        <div ng-if="data.type == 'article' ">
            <td> //differnt template with article data </td>
        </div>
    </tr>
</table>
4

3 に答える 3

4

ほとんどのブラウザーは、テーブル構造が適切に形成されていない場合、テーブル構造内の他の DOM 要素を無視します。つまり、上記のコードでは、div内にタグを含めることはできませんtr。代わりにこれを試してください

<table>
  <tr ng-repeat = "data in comments">
    <td ng-if="data.type == 'hootsslllll' "> //differnt template with hoot data </td>
    <td ng-if="data.type == 'story' "> //differnt template with story data </td>
    <td ng-if="data.type == 'article' "> //differnt template with article data </td>
  </tr>
</table>
于 2014-05-05T06:43:39.353 に答える