Javascript 使用AngularJS路由加载页面时出现问题_Javascript_Html_Angular_Routing

Javascript 使用AngularJS路由加载页面时出现问题

javascript html angular routing

Javascript 使用AngularJS路由加载页面时出现问题,javascript,html,angular,routing,Javascript,Html,Angular,Routing,难倒了。我的代码没有问题（据我所知），当未选择任何内容时，它会加载list patents.htm模板，但当单击相应的锚标记时，它无法加载添加专利模板。URL显示如下： http://localhost/#!/#列出专利有什么原因不能加载内容吗？可能是#在URL中 <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scal

难倒了。我的代码没有问题（据我所知），当未选择任何内容时，它会加载

list patents.htm

模板，但当单击相应的锚标记时，它无法加载

添加专利

模板。URL显示如下：

http://localhost/#!/#列出专利

有什么原因不能加载内容吗？可能是

#在URL中
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular-route.min.js"></script>
</head>

<main ng-app="myApp" ng-controller="appCtrl">
    <div class="container">
        <nav>
            <ul>
                <li><a href="#list-patents">List patents</li>
                <li><a href="#add-patent">Add patent</li>
            </ul>
        </nav>
        <section class="ng-view">

        </section>
    </div>
</main>

#可能确实是个问题，为什么添加了它？不知道
你可以尝试切换到html5模式
  $locationProvider.html5Mode(true);

然后，您的href可以是直接的，而无需#
：
列出专利
添加专利
这个#可能确实是个问题，为什么添加了它？不知道
你可以尝试切换到html5模式
  $locationProvider.html5Mode(true);

然后，您的href可以是直接的，而无需#
：
列出专利
添加专利
谢谢！它可以工作，必须指定一个基本URL，并如您所述删除
。仍然想知道为什么会有问题。。。。。无论如何，再次谢谢你谢谢你！它可以工作，必须指定一个基本URL，并如您所述删除。仍然想知道为什么会有问题。。。。。无论如何，再次谢谢你
<li><a href="list-patents">List patents</li>
<li><a href="add-patent">Add patent</li>