AngularJS 不通过 POST 请求和 URL 传参，将 localStorage 值传递给控制器的方法

要在 AngularJS 应用程序中将本地存储（localStorage）的值传递给控制器，您可以通过以下方法实现： 1. 在您的应用程序中创建一个服务，用于获取和设置 localStorage 中的数据。 2. 在控制器中注入此服务，并使用它来访问 localStorage 的值。以下是实现这一目标的步骤：首先，创建一个名为 `LocalStorageService` 的服务： ```javascript // app.js var app = angular.module('myApp', []); app.service('LocalStorageService', function () { this.get = function (key) { return localStorage.getItem(key); }; this.set = function (key, value) { return localStorage.setItem(key, value); }; }); ``` 接下来，在您的控制器中注入并使用 `LocalStorageService`： ```javascript // app.js app.controller('MyController', ['$scope', 'LocalStorageService', function ($scope, LocalStorageService) { $scope.valueFromLocalStorage = ''; // 获取 localStorage 中的值 $scope.getValue = function () { $scope.valueFromLocalStorage = LocalStorageService.get('myKey'); }; // 设置 localStorage 中的值 $scope.setValue = function () { LocalStorageService.set('myKey', $scope.newValue); }; // 调用 getValue 方法以初始化页面加载时的值 $scope.getValue(); }]); ``` 在 HTML 中使用这个控制器： ```html <!DOCTYPE html> <html ng-app="myApp"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script> <script src="app.js"></script> </head> <body ng-controller="MyController"> <h1>AngularJS Local Storage Example</h1> <input type="text" ng-model="newValue" placeholder="Enter new value"> <button ng-click="setValue()">Set Value</button> <p>Value from Local Storage: {{valueFromLocalStorage}}</p> </body> </html> ``` 现在，当您在输入框中输入新值并单击 "Set Value" 按钮时，该值将保存到 localStorage。页面加载时，会从 localStorage 获取值并显示在页面上。这样，您就可以在不使用 POST 请求或 URL 传参的情况下，将 localStorage 的值传递给控制器。 ######[AI写代码神器 | 496点数解答 | 2023-12-11 21:57:18]

服务商

更多选项

快捷项

自定义