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来处理列宽，解决了这个问题。

Angular：错误：模板解析错误：意外的结束标记

1 个答案: