Javascript href angularjs未路由

我定义了如下的href链接：

   <div id="left-menu">
      <div class="sub-left-menu scroll">
        <ul class="nav nav-list">
            <li><div class="left-bg"></div></li>
            <li class="time">
              <h1 class="animated fadeInLeft">21:00</h1>
              <p class="animated fadeInRight">Sat,October 1st 2029</p>
            </li>
            <li class="active ripple">
              <a href="#hosts">
                  <span class="fa-home fa"></span> Dashboard
              </a>
            </li>
            <li class="ripple">
                <a href="hosts/hosts.html">
                    <span class="fa fa-calendar-o"></span> Calendar
                </a>
            </li>
          </ul>
        </div>
    </div>

以下是我的主要观点：

'use strict'

angular.module('dashApp.main', ['ngRoute'])

.config(['$routeProvider', function($routeProvider){
  $routeProvider.when('/main', {
    templateUrl: 'main/main.html',
    controller: 'mainController'
  })
}])

.controller('mainController', function($scope, $http, $window){

});

这是我的主机文件：

'use strict'

angular.module('dashApp.hosts', ['ngRoute'])

.config(['$routeProvider', function($routeProvider){
  $routeProvider.when('/hosts', {
    templateUrl: 'hosts/hosts.html',
    controller: 'hostsController'
  })
}])

.controller('hostsController', function($scope, $http, $window){
});

以下是项目结构：

---

删除href中的尾部

/

。它们需要匹配路由配置中的url

范例

<a class="tree-toggle nav-header" href="#/main/" target="_self">

应该是

<a class="tree-toggle nav-header" href="#/main" >

---

我认为您应该删除散列

<a class="tree-toggle nav-header" href="/main">link</a>

“Href”链接应位于ng应用程序内部，ng视图也应位于应用程序内部。如下

<div ng-app="myApp" ng-controller="myController">
    <a href="#/home">home</a>
    <a href="#/book">books</a>
    <div ng-view></div>
</div>

---

如果有任何疑问，请随时询问。

这似乎并没有解决问题，它仍然执行与我的邮件中提到的相同的操作。您确定模板路径正确吗？添加路由更改错误处理程序并获取错误详细信息。您是否在主页中包含了一个

ng视图

？在哪里实现？在应用程序或主模块中？此答案将解决您的问题。您在hrefs中的路由错误。@charlietfl错误处理程序，我的主页中确实有一个ng视图也不起作用，我尝试输入一个指向google的静态url，但当我单击它时，它也不起作用。可能

ng href

应该有不同的输出。很抱歉，我现在无法尝试。不，这也不起作用，当我单击链接时，它根本不起任何作用。您能否尝试制作一个JSFIDLE、plunkr或codepen，以了解您的确切代码，这将更容易理解。我不认为这是一个角度问题，我可以右键单击并在新选项卡中打开，这就起作用了。我想可能是css问题吧？我的链接顶部有什么东西阻止我点击它们？我正在使用一个主题包，并试图将其与angular集成，我将使用当前的HTML标记和我正在使用的主题包更新帖子

<div ng-app="myApp" ng-controller="myController">
    <a href="#/home">home</a>
    <a href="#/book">books</a>
    <div ng-view></div>
</div>

var app=angular.module("myApp",['ngRoute']);
app.config('$routeProvider',function($routeProvider){
$routeProvider
   .when('/home',{
     templateUrl:'path/some.html'
    })
});