为什么我的路由工作不正常?

时间:2017-08-21 22:03:33

标签: angularjs

我是角色的新手并试图让我的路由工作。它没有任何结果。

我正在使用Dreamweaver,它会提示我错误" angular is not defined"但是js文件放在标题中的角度文件之后?

当我点击链接时,它不会指向任何内容,也不会查看任何内容。我怀疑代码被破坏了或者我没有正确设置ng-view。

是否有人能够就如何让它发挥作用提出建议?

cli packages: (C:\Users\Kenny\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.9.2
    ionic (Ionic CLI) : 3.9.2

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts : 2.1.3
    Cordova Platforms  : android 6.2.3
    Ionic Framework    : ionic-angular 3.6.0

System:

    Node : v7.9.0
    npm  : 5.3.0
    OS   : Windows 10

 <header class="hidden-sm" >
    <link rel="stylesheet" type="text/css" 
    href="bower_components/bootstrap/dist/css/bootstrap.css">
    <link href="https://fonts.googleapis.com/css?
    family=Droid+Serif|Roboto:300" 
     rel="stylesheet">
     <script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
     <script type="text/javascript" src="bower_components/angular-route/angular-route.min.js"></script>
     <link rel="stylesheet" type="text/css" href="css/main.css">

 </header>
<nav class="container" id="main-nav">
     <ul id="navlist">
        <li class="navli"><a href="#/build">Build a PC</a></li>-
        <li class="navli"><a href="#/about">About Us</a></li>-
        <li class="navli"><a href="#/"><img src="images/hive32color.png" 
     alt="bee-logo"></a></li>-
        <li class="navli"><a href="#/contact">Contact Us</a></li>-
        <li class="navli"><a href="#/inside">Inside our Machines</a></li>
    </ul>
</nav>



 <section class="container">

   <div class="col-lg-9" ng-view>


   </div>

    <aside class="col-lg-3">

    </aside>

   </section>

  <script type="text/javascript" src="js/common.js"></script>
  <script type="text/javascript" src="js/controller.js"></script>
  </body>

编辑:我意识到我没有运行网络服务器,我现在已经完成了它仍然无法正常工作!

1 个答案:

答案 0 :(得分:0)

无需添加&#34; /&#34;在&#34;#&#34;之后在href。试试href =&#34; #Contact&#34;供您参考https://scotch.io/tutorials/single-page-apps-with-angularjs-routing-and-templating