如何使用 AngularJS 将变量从一页传递到另一页?
How to pass variables from one page to another with AngularJS?
我正在为我的 index.html(index.js 上的 controllerIndex)和 pageA.html(pageA.js 上的 controllerPageA)使用 2 个不同的控制器(和 js 文件)。
index.html 有 2 个指向同一页面的链接,但需要传递具有不同值的参数,具体取决于我单击的是哪个,以便将它们用于 controller2 上的 API。
我该怎么做?
index.html:
<!-- Should pass ParameterA here -->
<a ng-model="parameter" ng-init="parameter = 'parameterA'" href="pageA.html">Page A1</a>
<!-- Should pass ParameterB here -->
<a ng-model="parameter" ng-init="parameter = 'parameterB'" href="pageA.html">Page A2</a>
pageA.js:
$http({
method: 'GET',
url: 'localhost:8888/ProjectName/API/items/list?type=' + parameter //where parameter = 'parameterA' or 'parameterB' depending on which link was clicked
}).then(function successCallback(response) {
$scope.items = response.data;
}, function errorCallback(response) {
alert("Error");
});
我不熟悉Angular。但在我看来,您可以简单地通过 GET-parameters:
传输参数
<a ng-model="parameter" ng-init="parameter = 'parameterA'" href="pageA.html?parameter=parameterA">Page A1</a>
并在 pageA.html 上像这样检索它们:
var query = window.location.search.substring(1);
var parts = query.split("=");
var parameter = parts[1];
我正在为我的 index.html(index.js 上的 controllerIndex)和 pageA.html(pageA.js 上的 controllerPageA)使用 2 个不同的控制器(和 js 文件)。
index.html 有 2 个指向同一页面的链接,但需要传递具有不同值的参数,具体取决于我单击的是哪个,以便将它们用于 controller2 上的 API。
我该怎么做?
index.html:
<!-- Should pass ParameterA here -->
<a ng-model="parameter" ng-init="parameter = 'parameterA'" href="pageA.html">Page A1</a>
<!-- Should pass ParameterB here -->
<a ng-model="parameter" ng-init="parameter = 'parameterB'" href="pageA.html">Page A2</a>
pageA.js:
$http({
method: 'GET',
url: 'localhost:8888/ProjectName/API/items/list?type=' + parameter //where parameter = 'parameterA' or 'parameterB' depending on which link was clicked
}).then(function successCallback(response) {
$scope.items = response.data;
}, function errorCallback(response) {
alert("Error");
});
我不熟悉Angular。但在我看来,您可以简单地通过 GET-parameters:
传输参数<a ng-model="parameter" ng-init="parameter = 'parameterA'" href="pageA.html?parameter=parameterA">Page A1</a>
并在 pageA.html 上像这样检索它们:
var query = window.location.search.substring(1);
var parts = query.split("=");
var parameter = parts[1];