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

Question

我在编写一些 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>

谁能帮忙解释一下哪里出了问题？

Answer 1

你打错了

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

错过了左括号

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

Answer 2

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

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

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

How to solve error with the html tags in angular?

html

angular

html-parsing