与angular和jquery冲突

每当我试图从一个url导航到

导航下拉栏中的另一个url时，就会出现此错误。它显示jquery错误。但当我在html页面的其他位置放置时，它可以正确导航

Uncaught Error: Syntax error, unrecognized expression: #/details/

因为这条线，我遇到了如何解决它的冲突

$(".navbar a, footer a[href='#myPage']").on('click', function(event) {
        event.preventDefault();
        var hash = this.hash;
        if(hash.length > 1){
            $('html, body').animate({
              scrollTop: $(hash).offset().top
            }, 'slow');  
        }
});

在索引文件中，这是代码

<link rel="stylesheet" type="text/css" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript"  src="/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/node_modules/angular/angular.min.js"></script>
<!-- <script type="text/javascript" src="./assets/js/lib/parallax.min.js"></script> -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="https://rawgit.com/pablojim/highcharts-ng/master/src/highcharts-ng.js"></script>
<script type="text/javascript" src="/node_modules/angular-route/angular-route.min.js"></script>

app.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider) {
$routeProvider.
  when('/', {
    templateUrl: 'partials/home-folder/main.html',
    controller: 'MainCtrl'
  }).
  when('/details', {
    templateUrl: 'partials/details-folder/detail.html',
    controller: 'DetailCtrl'
  }).
  otherwise({
    redirectTo: '/'
  });

从html我想调用详细信息页面，但我得到上面的错误。。。它们都不是从下面的示例开始工作的

<a href="#/details/">test1</a>
<a href="#/details">test2</a>
<a href="/details/">test3</a>
<a href="/details">test4</a>


为什么不使用
ng click
在ng click中写什么你能告诉我完整的代码吗
我试过这样做，但没有成功。也可以使用
ng href=“/details”
上的
ng click=animate（）
和
animate
函数编写动画代码