使用Angularjs选择ngStorage

时间:2014-09-26 08:18:24

标签: angularjs ionic-framework

我使用离子,我有一个选择,我选择其中一个选项之一用于执行算术运算。使用ngStorage进行保存,但我也会申请选择本身并始终让用户在ngStorage中选择支持我,就像输入“写一个数字”,任何帮助一样?

http://codepen.io/maestromutenrroy/pen/ivgIH

angular.module('ionicApp', ['ionic','ngStorage'])

.controller('MainCtrl', function($scope, $localStorage) {

    $scope.$storage = $localStorage.$default({
        c6: 1,
        c12: 2
    });   

    $scope.results = {};

    $scope.templates = [{
            name: '5',
            url: 'template1.html'
        },
        {
            name: '10',
            url: 'template2.html'
    }];
    $scope.template = $scope.templates[1];

  })

谢谢!

1 个答案:

答案 0 :(得分:0)

在您的codepen中,您使用$ storage绑定数字输入:

<input type="number" ng-model="$storage.c6" ...>

这将使页面重新加载之间输入字段的值保持不变。 但是,您绑定到$ scope变量,该变量不是$ storage的一部分:

<select ng-model="template" ...>

所以当重新加载页面时,此值将重置为默认值。

要保留最后选择的选项,您需要将“模板”变量存储在$ storage中。