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');
}
}
});