Javascript 为不同的URL调用不同的控制器方法

我有一个单页应用程序，其中页脚包含关于、常见问题解答、隐私等的多个链接。目前我正在使用angular strap模式显示每个链接的模式。其代码如下所示：

 <li>
     <a href="#about" id="about" 
     data-modal-class="my_modal gradient-body"
     data-bs-modal="'templates/about.html'">About
     </a>
 </li>

 $routeProvider
    .when('/home', {
      templateUrl: 'templates/map.html'      
    })
    .when('/verify/:code',{
      template : " ",
      controller : 'VerifyReportCtrl'
    })    
    .otherwise({ redirectTo: '/home' });

我之所以想这样做，是因为它将有助于我的应用程序的搜索引擎优化。目前无法为“关于”页面内容编制索引。

将您的路线修改为

 $routeProvider
    .when('/home', {
      templateUrl: 'templates/map.html'      
    })
    .when('/verify/:code',{
      template : " ",
      controller : 'VerifyReportCtrl'
    })    
    .when('/about',{
      template : "templates/about.html "
    })  
    .otherwise({ redirectTo: '/home' });

并将HTML更改为

 <li>
     <a href="#about" id="about" 
     data-modal-class="my_modal gradient-body">About
     </a>
 </li>

---

然后，如果您单击锚定标记，您的url将看起来像

mydomain.com/#about

我不工作。它将尝试加载about.html是当前的ng视图。但我想将其加载到模式中，这是之前通过数据bs modal=“'templates/about.html”完成的