AngularJS Routing＆jQuery Conflict

Question

everyone。有沒有其他人在AngularJS路由到新視圖時遇到jQuery控制檯錯誤？

錯誤的一個例子是

Uncaught Error: Syntax error, unrecognized expression: #/projects/project-id

一切仍然有效，但只要點擊一個鏈接是有關我的角度路由的錯誤被拋出。錯誤顯示出來歸因於jQuery，所以我想這是它不喜歡的鏈接與「​​」

HTML開始

<div class="project" ng-repeat="project in projects"> 
    <a href="#/projects/{{project.id}}"> 
     <h4>{{ project.name }}</h4> 
     <p>{{ project.subtitle }}</p> 
    </a> 
</div> 

JS

app.config(function ($routeProvider) { 
    $routeProvider 
    .when('/', { 
     controller: "HomeController", 
     templateUrl: "js/angular/views/home-view.html" 
    }) 
    .when('/projects/:projectId', { 
     controller: 'ProjectController', 
     templateUrl: 'js/angular/views/project-view.html', 
    }) 
    .otherwise({ 
     redirectTo: '/' 
    }); 
}); 

控制檯錯誤不是問題一個showstoppper，因爲就像我說的，一切仍然有效。但如果有人遇到過這個問題，並且有修復，我會非常感激。

Answer 1

將$ locationProvider設置爲在HTML5模式下工作。在這裏看到：https://docs.angularjs.org/api/ng/provider/ $ locationProvider

的如何使用它的一個例子是以下幾點：

app.config(function ($locationProvider) { 
    // use the HTML5 History API 
    $locationProvider.html5Mode({ 
    enabled: true, 
    requireBase: false 
    }); 
});