イオンフレームワークでのアプリ設定を保存する(AngularJS)
-
21-12-2019 - |
質問
私は私のイオンアプリでかなり基本的な設定ページを持っています、そしてタブビューは次のようになります:
<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>
.
私がやりたいことは、これらの要素の状態を保存することです(したがって、ユーザーが週に異なる日数を入力するか、チェックボックスのオン/オフを切り替えるか、ドロップダウンリストからオプションを選択するか、またはローカルストレージに変更する)次回アプリが開始されると、これらの保存された値がロードされます。
イオンドキュメントでこれを行う方法についての良い情報を見つけて、朝のどちらかの援助を理解するでしょう。それをする方法を学ぶための情報を見つけてください。
歓声!
解決
YOは、依存関係としてあなたのコントローラのanger / map"http://html/map" real="nofollow"> angular-local-storage を依存させることができます。コントローラのこのコード
$scope.hoursPerWeek = '';
$scope.submitClicked = function(){
localStorageService.set('hoursPerWeek',$scope.hoursPerWeek);
}
.
しかし最初にあなたのHTMLで最初にwaterperweekオブジェクトを搭載している2つの方法が必要です。
<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>
.
各フィールドには、同様の方法を持つ必要があります
所属していません StackOverflow