2016-07-23 16 views
0

これは私のHTMLであり、navは動作していません。 これは私には新しく、今度は私が別のことをしているのはAngularを使用していることだけです。私は、任意のナビゲーションボタンをクリックするとアドレスバーがdivへの単純なhrefが機能しない

http://localhost:8018/#WebDev 

http://localhost:8018/#/WebDev 

instedように書きます私はここで間違って何をしているのですか?

<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に向けられるべきです。

+0

これが望ましい出力であることを望みます。角度はこのように動作します。あなたのURLは#/状態のように見えます –

+0

どのバージョンのAngularを使用していますか?ナビゲーション選択に基づいてdivを表示/非表示しようとしている場合は、あなたはngrouteや他の角度ルータを調べることを検討するかもしれません。 – JeffryHouser

+0

希望の出力は/#状態にする必要があります。私は角度を働かせたくない。私はこれがそうするように振る舞います。ページはdivに転送されます。 –

答えて

0

あなたがAngularJs環境にいる場合は、AngularJs Wayで実行することになっています。あなたが本来の方法でそれをやりたければ、スクリプトからangularJsを削除してください。詳細については

、私は= "##ターゲットを" てhrefにHREF = "#ターゲット" から置き換えhttps://docs.angularjs.org/api/ng/service/ $ anchorScroll

0

を参照してください。仕事をしているようだ。

関連する問題