Javascript 如何防止在AngularJS中按F5后清除选定选项和文本框，直到单击按钮为止

我有一个选择选项和一个文本框，当用户选择一个选项并在文本框中输入文本时，数据会保存在sql数据库中。我需要知道如何防止选择的选项和文本框 当用户按F5时，文本框中的文本将被清除，直到AngularJS中单击一个按钮，然后选择选项和文本框将被清除。下面是我尝试的，但它不起作用

JS

HTML

{{downtimeCategory.CategoryName}
启动停机事件
停止停机事件

我会选择localStorage-

基本上，您是在浏览器中以字符串形式保存js对象，因此您可以随时获取该数据，即使在10000次刷新或5个月后也是如此。这是一种更优雅的方式来存储这些类型的数据，而不是cookie

数据存储在名称/值对中，网页只能访问 自身存储的数据

与Cookie不同，存储限制要大得多（至少5MB），而且 信息永远不会传输到服务器

---

您是在用户键入时保存输入，还是仅在用户单击按钮后保存输入？如果第一个：只需获取页面加载上的数据并将其放入模型中。if second：恐怕没有办法做到这一点-可能是你把内容保存在cookie中。我是在用户点击按钮后保存数据的。当用户输入时，我如何做到这一点？我更正：见Ivica的答案。啊，当然是localStorage。哈哈，我都没想到。这是更好的方法。我删除了我的答案。：）现代时代-现代技术

function Model($http) {
    var self = this;
    self.$http = $http;

    var CurrentDowntimeEvent = {};

  self.StartDowntimeEvent = function () {      
        var params= {
              DepartmentId:self.LineId
            , EventId: self.CurrentDowntimeEvent.EventId
            , CategoryId: self.CurrentDowntimeEvent.CategoryId
            , StartTime: self.CurrentDowntimeEvent.startTime
            , Comment: self.CurrentDowntimeEvent.Comment
        };

        Hesto.Ajax.ngget(self.$http, ADD_DOWNTIME_START, params, function (data) {
            self.CurrentDowntimeEvent = data.data[0];
            console.log(self.CurrentDowntimeEvent);
        });
    }

angular.module('myApp', [])

 .controller('DowntimeController', function ($scope, $http) {
     $scope.Model = new Model($http);
});

The CategoryId is the select option and the  Comment is the textbox.

 <select class="categories" ng-disabled="selectlistdisabled" ng-model="Model.CurrentDowntimeEvent.CategoryId" ng-click="display()">
        <option value= {{downtimeCategory.CategoryId}} ng-repeat="downtimeCategory in Model.DowntimeCategories">{{downtimeCategory.CategoryName}}</option>
        </select> 
 <button ng-click="Model.StartDowntimeEvent()">Start Downtime Event</button> 
         <button ng-click="Model.StopDowntime()">Stop Downtime Event</button>