如何解决Angular中的html标签错误？

问题描述

当我编写一些HTML代码以构建导航栏时，出现以下错误。

解析模板时出错：意外的结束标记“ li”。当标签已经被另一个标签关闭时，可能会发生这种情况。有关更多信息，请参见https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have-implied-end-tags（“

  `<li><a href="#">Recipies</a></li>
   <li><a href="#">Shopping List/a>[ERROR ->]</li>
   </ul>
        <ul class="nav navbar-nav navbar-right"> "): `



<div class="navbar navbar-default">
<div class="container-fluid">
    <div class="navbar-header">
        <a href="#" class='navbar-brand'>Recipe Book</a>
    </div>
    <div class="collapse navbar-collapse">
        <ul class="nav navbar-new">
            <li><a href="#">Recipies</a></li>
            <li><a href="#">Shopping List/a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
                <ul class="dropdown-menu">
                    <li><a href="#">Save Data</a></li>
                    <li><a href="#">Fetch Data`</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>

任何人都可以帮忙解释一下哪里出了问题吗？

解决方法

您有错字

<li><a href="#">Shopping List/a></li>

缺少左括号

<li><a href="#">Shopping List </a></li>

,

<li><a href="#">Fetch Data ` </a></li>

在第二个列表项上，“数据”一词后面有一个反引号