Angular：Error：Template parse errors：意外的结束标记

Question

我创建了一个新项目（使用Angular CLI - 25/05/17）并将下面的HTML代码复制到一个新组件中。它看起来像基本的HTML代码 - 作为它自己的HTML页面 - 但现在不在编译它在Angular中，这让我挠了脑袋。我研究过这个问题，每个人看起来都不一样 - 有些是代码中的拼写错误，有些是错误地排序的标签。有任何想法吗？

我收到此错误：

Error: Template parse errors: 
Unexpected closing tag "table". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (" 
     </th> 
    </tr> 
    [ERROR ->]</table> 
</div> 

"): ng:///AppModule/FooterbarComponent.html@24:2 
Unexpected closing tag "div". It may happen when the tag has already been closed by another tag. For more info see https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags (" 
    </tr> 
    </table> 
[ERROR ->]</div> 

<!-- 
"): ng:///AppModule/FooterbarComponent.html@25:0 

而且我的代码是：

<div id="footerRoot"> 
    <table class="footerfont" width="100%"> 
    <col width="75%"> 
    <col width="25%"> 
    <tr> 
     <th> 
     <ol class="zeroMargin breadcrumb"> 
      <li><a href="" target="_blank" class="link-external">State</a></li> 
      <li><a href="">Accessibility</a></li> 
      <li><a href="" target="_blank" class="link-external">Copyright &amp; Disclaimer</a></li> 
      <li><a href="" target="_blank" class="link-external">Privacy</a></li> 
      <li><a href="">Sitemap</a></li> 
      <li><a href="">Feedback</a></li> 
     </ol> 
     </th> 
     <th class="footerfont"> 
     <div> 
      © BLAH 
     </div> 
     <div> 
      Last Updated: <time datetime="18 April 2017">18 April 2017</time> 
     </div> 
     </th> 
    </tr> 
    </table> 
</div> 

Answer 1

下面的代码贬值，并导致HTML解析错误：

<col width="75%"> 
<col width="25%"> 

删除那些和使用CSS来处理列宽解决了这个问题。