Angular模板解析报错：Unexpected closing tag of div元素排查

你遇到的报错根源不是div标签未闭合，而是所有带有date类的span标签都没有正确闭合。代码里每个<span class="date">11/15/2014<span>的结尾都写错了，应该是</span>而非<span>。这种未闭合的span会打乱模板解析器的标签嵌套逻辑，最终误报div标签的闭合错误。

修正后的完整代码如下：

<table class="table table-striped">
        <thead>
          <tr>
            <th scope="col">#</th>
            <th scope="col">User</th>
            <th scope="col" class="text-center">Test</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let item of filteredItems$ | async; index as i">
            <th scope="row">1</th>
            <td>
            Test
            </td>
            <td>
              <ul class="timeline" id="timeline">
                <li class="li complete">
                  <div class="timestamp">
                    <span class="author">Abhi Sharma</span>
                    <span class="date">11/15/2014</span>
                  </div>
                  <div class="status">
                    <h4> Shift Created </h4>
                  </div>
                </li>
                <li class="li complete">
                  <div class="timestamp">
                    <span class="author">PAM Admin</span>
                    <span class="date">11/15/2014</span>
                  </div>
                  <div class="status">
                    <h4> Email Sent </h4>
                  </div>
                </li>
                <li class="li complete">
                  <div class="timestamp">
                    <span class="author">Aaron Rodgers</span>
                    <span class="date">11/15/2014</span>
                  </div>
                  <div class="status">
                    <h4> SIC Approval </h4>
                  </div>
                </li>
               
               </ul>      
            </td>
          </tr>
        </tbody>
      </table>

内容的提问来源于stack exchange，提问作者Jesus