Question

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

我正在使用Dreamweaver，它会提示我错误＆＃34; angular is not defined＆＃34;但是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>

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

Answer 1

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

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

1 个答案: