javascript - 如何从本地存储获取值并将其显示在禁用的输入框中

Question

我已将 api_key 存储在本地存储中。现在我想检索并在另一个 html 页面的输入框中显示该 key ，并且该框应显示存储在本地存储中的 key 。并且应该禁用显示 key 的字段

Code for storing the values in local storage

 angular
  .module('MyApp', []);

angular
  .module('MyApp')
  .controller('KeyController', [
    '$scope',
    function($scope) {
      /*$scope.info = 'Welcome to Test';*/
      /*console.log(" Key controller is working ");*/
      $scope.api_url;
      $scope.api_token;
      $scope.savedApiUrl = '';
      $scope.savedApiToken = '';

      $scope.submit = function() {
        localStorage.setItem('api_url', $scope.api_url);
        localStorage.setItem('api_token', $scope.api_token);

        var savedApiUrl = localStorage.getItem('api_url');
        var savedApiToken = localStorage.getItem('api_token');
        $scope.savedApiUrl = savedApiUrl;
        $scope.savedApiToken = savedApiToken;
        console.log($scope.savedApiUrl);
        console.log($scope.savedApiToken)
      }
    }
  ]);

Answer 1

下面是 codepen 的链接，您可以引用。

https://codepen.io/vishwa-/pen/YVaGmR?editors=1011

    <div ng-app="MyApp"  ng-controller="KeyController">
      <md-input-container>
        <label>Title</label>
        <input ng-model="savedApiToken" ng-disabled="true">
    </md-input-container>
  </div>