要在 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 的值传递给控制器。 [2023-12-11 21:57:18 | AI写代码神器 | 496点数解答]