如何使用angular js在同一页面内链接？

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-view></div>
</div>

var app = angular.module("myApp", ["ngRoute"]);

app.config(function($routeProvider) {
  $routeProvider
    .when("/", {
      templateUrl: "home.html",
      controller: "homeCtrl"
    })
    .when("/about", {
      templateUrl: "about.html",
      controller: "aboutCtrl"
    })
    .when("/contact", {
      templateUrl: "contact.html",
      controller: "contactCtrl"
    })
    .otherwise({
      redirectTo: "/"
    });
});

app.controller("homeCtrl", function($scope) {
  // 控制首页的逻辑
});

app.controller("aboutCtrl", function($scope) {
  // 控制关于页面的逻辑
});

app.controller("contactCtrl", function($scope) {
  // 控制联系页面的逻辑
});

<a href="#/">Home</a>
<a href="#/about">About</a>
<a href="#/contact">Contact</a>