Javascript 如何使用相同的HTML通过不同的URL呈现不同的内容？

我有一个HTML页面和多个URL，如下所示

var app = angular.module('app', []);

app.controller('index', ($scope,$http) => {
  $http.get('/get_js').then((res) => {
    $scope.cat = res.data;
  }, () => {
    alert('database error');
  });
});

• /get_js

• /get\u节点

• /get\u ng

如果我查询不同的url，例如

$http.get（'/get_js'）

或

$http.get（'/get_node'）

或

$http.get（'/get_ng'）

，它将在同一HTML上呈现不同的内容

例如，我有几个链接。如果我点击“a”链接，HTML将通过“/get_js”呈现一些内容。如果我点击“b”链接，HTML将通过“/get_ng”等方式呈现一些内容。每次，我都会点击一个链接

谁能告诉我怎么做

多谢各位

---

PS：我正在使用express server来托管内容。

然后您可以使用

函数

，并在单击

链接时通过发送参数在该函数中进行适当的
api
调用

步骤：

编写一个函数，根据
参数
将
api
url作为参数从相应的anchot标记发送到
这个功能
在该函数中进行api调用，并用html显示响应
下面是函数的外观，我评论了您的
API
调用

 $scope.linkClicked = function(link)
       {
    //   $http.get('/get_js').then((res) => {
    //     $scope.data = res.data;
    //     }, () => {
    //      alert('database error');
    //    });
        $scope.data = link + ' clicked';
       }

代码：


var-app=angular.module（'myApp'，[]）；
应用程序控制器（'index'，函数（$scope）{
$scope.linkClicked=函数（链接）
{
//$http.get（'/get_js'）。然后（（res）=>{
//$scope.data=res.data；
//     }, () => {
//警报（“数据库错误”）；
//    });
$scope.data=链接+“单击”；
}
});

链接1
链接2
链接3
{{data}
“我希望如果我查询不同的url”，意味着你一次在同一个控制器中查询多个
url
。@Sravan不，例如，我有几个链接，当我单击“a”链接时，它将通过“/get_js”等方式呈现一些内容。那么你将一次单击一个链接，对吗？@Sravan是的，我将一次单击一个链接