Сохранение настроек приложений в Ionic Framework (Angularys)

Question

У меня есть довольно базовые настроительные настройки в моем ионном приложении, а вкладку выглядит так:

<ion-view title="Settings">
  <ion-content class="has-header">

<ul class="list">

  <label class="item item-input item-label">
    <span class="input-label">Hours per week</span>
    <input type="text" value="37.5">
  </label>

  <label class="item item-input item-label">
    <span class="input-label">Days per week</span>
    <input type="text" value="5">
  </label>

  <label class="item item-input item-label">
    <span class="input-label">Pension Contribution</span>
    <input type="text">
  </label>

  <label class="item item-input item-select">
    <div class="input-label">
      Age
    </div>
    <select>
      <option selected>Under 65</option>
      <option>65-74</option>
      <option>75+</option>
    </select>
  </label>

  <label class="item item-input item-select">
    <div class="input-label">
      Weeks Option
    </div>
    <select>
      <option selected>Weekly</option>
      <option>2 Weeks</option>
      <option>4 Weeks</option>
    </select>
  </label>

      <li class="item item-toggle">
     National Insurance
     <label class="toggle toggle-positive">
       <input type="checkbox" value="on">
       <div class="track">
         <div class="handle"></div>
       </div>
     </label>
  </li>

  <li class="item item-toggle">
     Student Loan
     <label class="toggle toggle-positive">
       <input type="checkbox">
       <div class="track">
         <div class="handle"></div>
       </div>
     </label>
  </li>

   <li class="item item-toggle">
     Registered Blind
     <label class="toggle toggle-positive">
       <input type="checkbox">
       <div class="track">
         <div class="handle"></div>
       </div>
     </label>
  </li>

      <li class="item item-toggle">
     Married
     <label class="toggle toggle-positive">
       <input type="checkbox">
       <div class="track">
         <div class="handle"></div>
       </div>
     </label>
  </li>

</ul>

  </ion-content>
</ion-view>

.

Что я хочу сделать, это сохранить состояния этих элементов (поэтому, если пользователь вводит другое количество дней в неделю или переключает флажок в течение / выключения или выбирает опцию из раскрывающегося списка) в локальное хранилище, так чтоТо, что в следующий раз приложение инициировано, он загрузит эти сохраненные значения.

У меня трудно найти какую-либо хорошую информацию о том, как сделать это в ионных документах и новичок в угловой, так что будет признателен за любую помощь на либо) Как поступить об этом, или B) где я могуНайдите информацию, чтобы узнать, как это сделать.

ура!

Answer 1

yo Может вставлять one-local-Storage в вашем контроллере в качестве зависимости, а затем может иметьЭтот код в вашем контроллере

$scope.hoursPerWeek = '';
$scope.submitClicked = function(){
    localStorageService.set('hoursPerWeek',$scope.hoursPerWeek);
}

.

Однако сначала в вашем HTML необходимо иметь два пути привязки с объектом WorkPerweek.

<label class="item item-input item-label">
   <span class="input-label">Hours per week</span>
   <input type="text" ng-model="hoursPerWeek" value="37.5">
</label>

.

Для каждого поля необходимо иметь аналогичный подход