Einfach ein href zu einem div funktioniert nicht

Das ist mein HTML und das Nav funktioniert nicht. Das ist neu für mich, das einzige, was ich diesmal anders mache, ist Angular. Als ich in jeder nav Schaltfläche klicken geht die Adressleiste wieEinfach ein href zu einem div funktioniert nicht

http://localhost:8018/#/WebDev

insted von

http://localhost:8018/#WebDev

Was ich hier falsch mache?

<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>

Update: Ich möchte es einfach arbeiten, wie es normalerweise der Fall ist in HTML, das heißt, wenn Tag angeklickt wird, sollte die Seite auf das Ziel div gerichtet werden.

Quelle

2016-07-23 Utkarsh Bhimte

ich hoffe, dies ist die gewünschte Ausgabe, Winkel arbeitet auf diese Weise. Ihre URLs sehen aus wie #/state –

Welche Version von Angular verwenden Sie? Wenn Sie versuchen, die divs basierend auf der nav-Auswahl anzuzeigen/auszublenden; Sie können in Betracht ziehen, in ngroute oder einen anderen angularen Router zu schauen. – JeffryHouser

gewünschte Ausgabe sollte/# Zustand sein. Ich möchte nicht eckig daran arbeiten. Ich möchte, dass sich das so verhält wie es tut. Die Seite sollte an das div gerichtet sein. –

Sie sollten es in AngularJs Way tun, wenn Sie sich in einer AngularJs-Umgebung befinden. Wenn Sie es auf native Weise tun möchten, entfernen Sie angularJs aus Ihrem Skript.

Weitere Einzelheiten finden Sie in https://docs.angularjs.org/api/ng/service/ $ anchorScroll

Quelle

2016-07-23 14:01:18

ich von href = "# Ziel" ersetzt href = "## Ziel". Scheint zu arbeiten.

Quelle

2016-07-23 15:15:43

Einfach ein href zu einem div funktioniert nicht

Antwort

Verwandte Themen