Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/powershell/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ember.js 余烬JS:我可以让我的UI状态持久化吗?_Ember.js_Local Storage_Ember Cli - Fatal编程技术网

Ember.js 余烬JS:我可以让我的UI状态持久化吗?

Ember.js 余烬JS:我可以让我的UI状态持久化吗?,ember.js,local-storage,ember-cli,Ember.js,Local Storage,Ember Cli,我在余烬应用程序的左侧和右侧都有非画布导航 状态由操作触发的两个简单属性控制 模板: <a {{action 'leftToggle'}} class="left-blade">Debtor List</a> <a {{action 'rightToggle'}} class="right-blade">Acivity</a> 我希望这些属性在页面重新加载时保持不变,或者如果用户离开页面,然后返回页面 我不确定是否将属性存储在模型中?或者使用本地

我在余烬应用程序的左侧和右侧都有非画布导航

状态由操作触发的两个简单属性控制

模板:

<a {{action 'leftToggle'}} class="left-blade">Debtor List</a>
<a {{action 'rightToggle'}} class="right-blade">Acivity</a>
我希望这些属性在页面重新加载时保持不变,或者如果用户离开页面,然后返回页面


我不确定是否将属性存储在模型中?或者使用本地存储,或者什么?这看起来像是使用一个模型来存储一个简单的东西,像这样的东西是多余的,或者如果有更好的方法?我还在学习余烬,所以我想学习一个好习惯。

这大部分不在余烬的范围之内

持久化数据发生在一些地方,
localStorage
sessionStorage
cookie
url
,或某种类型的记录持久化服务器端和获取/更新的客户端


这真的是一个选择你的毒药,你可以尝试使用余烬新的
查询参数
功能,并将状态添加到url上,这将涉及余烬最多,但不一定是最好的选择。本地存储对我来说也一样简单。

谢谢您的回复。那么,ember是否有将状态传递给这些存储方法之一的方法?或者我要在ember之外做一些研究?ember Data(不同的产品)有一些支持本地存储的第三方适配器,本地存储是一个键/值字典。与之交互非常简单。这太棒了!我刚刚意识到我的CLI构建中包含了Ember数据,因此我将了解这一点,并查找HTML5 localStorage。
export default Ember.Controller.extend({
    isLeft: false,
    isRight: false,

    actions: {
        leftToggle: function() {
            this.toggleProperty('isLeft');
        },
        rightToggle: function() {
            this.toggleProperty('isRight');
        }
    }
});