2015-07-10 49 views
0

模型我有這樣的我的代碼的一部分:angularJS與表

<table> 
    <thead> 
     <tr> 
      <th>userId</th> 
      <th>title</th> 
     </tr>     
    </thead> 
    <tbody>   
     <tr ng-repeat="post in posts"> 
     <td>user id : {{ post.userId }}</td> 
     <td>post title :{{ post.title }}</td> 
     </tr> 

    </tbody> 
</table> 

,但一旦我從TR元素刪除NG重複指令,並把它添加到包裝DIV它不」工作!

添加父DIV後,TBODY內容是:

<div ng-repeat="post in posts"> 
    <tr> 
     <td>user id : {{ post.userId }}</td> 
     <td>post title :{{ post.title }}</td> 
    </tr>      
</div> 

誰能告訴我,爲什麼發生這種情況(我使用angularjs1.4)

+1

<div>標籤(和其他人)這是不對的HTML 。 只能是

dhavalcengg

+0

的任何理由,爲什麼你想在表格內的div?如果你想定義部分,只需使用tbody中的ng-repeat。 – juju

+0

是的,我知道這是錯誤的,但我想明白爲什麼這不起作用是與angularJS哲學或類似的東西有關? – Ismail

回答

-1

..但我一次從tr元素中刪除ng-repeat指令,並將它添加到包裝div中不起作用!

那麼,那是因爲包裝<div>是在<tbody>裏面,這是無效的。

(聯合國)幸運的是,在HTML <table>標籤是他們的子節點類型(以及整體結構)很挑剔,這就是爲什麼它不能支持內部<tbody>

+0

爲什麼downvote?答案的哪一部分是錯誤/不可接受的? – nalinc