Question

这是我的HTML，导航无法正常工作。这对我来说是新的，这次我唯一不同的就是使用Angular。当我点击任何导航按钮时，地址栏就像

http://localhost:8018/#/WebDev

insted of

http://localhost:8018/#WebDev

我在这里做错了什么？

<head>
    <!-- Basic Page Needs
         –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta charset="utf-8">
    <title>DevMash</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Mobile Specific Metas
         –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
    <!-- FONT
         –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400|Roboto+Mono" rel="stylesheet">
    <!-- CSS
         –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/skeleton.css">
    <!-- Favicon
         –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="icon" type="image/png" href="images/favicon.png">
    <!-- Scripts
    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <script type="text/javascript" src="js\jquery-3.0.0.min.js"></script>
    <script type="text/javascript" src="js\angular.min.js"></script>

</head>

<body>
    <nav>
        <ul>
            <li>
                <a href="#WebDev">WebDev</a>
            </li>
            <li>
                <a href="#Android">Android</a>
            </li>
            <li>
                <a href="#Python">Python</a>
            </li>
            <li>
                <a href="#faq">FAQs</a>
            </li>
        </ul>
    </nav>
    <div id="WeDev"><ng-include src="'WebDev.html'"></ng-include></div>
    <div id="Android" ng-include="'android.html'"></div>
    <div id="Python" ng-include="'python.html'"></div>
    <div id="faq" ng-include="'faq.html'"></div>

</body>

</html>

更新：我只是希望它在HTML中正常工作，即，当点击标记时，页面应该定向到目标div。

Answer 1

如果你在AngularJs环境中，你应该在AngularJs Way中这样做。如果你想以原生方式进行，那么从你的脚本中删除angularJs。

有关详细信息，请参阅https://docs.angularjs.org/api/ng/service/ $ anchorScroll

Answer 2

我从href =“＃target”替换为href =“## target”。似乎工作。

简单的href到div不工作

2 个答案: