Простой href для div не работает

Это мой HTML, и nav не работает. Это ново для меня, единственное, что я делаю по-другому, на этот раз использует Angular. При нажатии на любую кнопку нав в адресной строке идет какПростой href для div не работает

http://localhost:8018/#/WebDev

InstEd из

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, то есть, когда тег щелкнул, страница должна быть направлена на целевых дела.

источник

2016-07-23 Utkarsh Bhimte

Надеюсь, это желаемый результат, угловой работает таким образом. Ваши URL-адреса выглядят как #/state –

Какую версию Angular вы используете? Если вы пытаетесь показать/скрыть div на основе выбора nav; вы можете рассмотреть возможность поиска в ngroute или каком-либо другом Угловом маршрутизаторе. – JeffryHouser

Желаемый выход .../состояние. Я не хочу угловато работать над этим. Я хочу, чтобы это было так. Страница должна быть направлена в div. –

Вы должны сделать это в режиме AngularJs, если вы находитесь в среде AngularJs. если вы хотите сделать это по-своему, а затем удалите angularJs из вашего скрипта.

Более подробно, смотрите https://docs.angularjs.org/api/ng/service/ $ anchorScroll

источник

2016-07-23 14:01:18

я заменил от HREF = "# мишени" в HREF = "## цели". Кажется, работает.

источник

2016-07-23 15:15:43

Простой href для div не работает

ответ

Смежные вопросы