社区首页 >问答首页 >Ember /Ember数据中的模型属性绑定

Ember /Ember数据中的模型属性绑定
EN

Stack Overflow用户
提问于 2015-06-03 10:46:10
回答 1查看 101关注 0票数 0

下面的应用程序流是否有推荐的方法或模式?

  1. 用户进入路由
  2. 通过模板检索并向用户展示路由模型。
  3. 模板输入绑定到建模属性,以便当用户修改属性时,存储中的数据将被动态更新。
  4. 用户在不按“保存”键的情况下导航离开路由

我看到的问题是,模型保留了用户更改的值,尽管它们没有被保存到后端。

我目前处理这个问题的方法是这样的,而且感觉很笨重:

setupController钩子中,我从模型中设置了几个默认值,使用Ember.copy破坏绑定:

代码语言:javascript
代码运行次数:0
复制
setupController: function(controller, model) {
    this._super(controller, model);

    var goals = model.get('goals');

    controller.set('goalOne', Ember.copy(defaultGoal.get('goalOne')));
    controller.set('goalTwo', Ember.copy(defaultGoal.get('goalTwo')));
    controller.set('goalThree', Ember.copy(defaultGoal.get('goalThree')));
}

相反,将输入绑定到这些值:

代码语言:javascript
代码运行次数:0
复制
{{input value=goalOne type='text'}}

单击“保存”时,调用一个updateModel()方法,该方法将这些值设置为模型并持久保存到后端。

代码语言:javascript
代码运行次数:0
复制
updateModel: function() {
    var model = this.get('content');
    model.set('goalOne', this.get('goalOne');
    model.set('goalTwo', this.get('goalTwo');
    model.set('goalThree', this.get('goalThree');
}

actions: {
    save: function() {
        this.updateModel();
        this.get('content').save();
    }
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-03 10:58:11

看看ember数据-路线。它允许您直接绑定到模型,并自动回滚,如果用户导航而不保存。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30628206

复制
相关文章
使用Ember CLI 创建一个ember的单页面应用
最近在魔改rancher/ui 此项目使用的emberjs, 虽然不太懂emberjs,也能完成任务,但有些需求还是要懂有些emberjs的知识。
拿我格子衫来
2022/01/24
8810
使用Ember CLI 创建一个ember的单页面应用
搭建Ember开发环境
[root@master ~]# ember -v ember-cli: 2.10.0 node: 6.9.2 os: linux x64
程裕强
2022/05/06
6980
搭建Ember开发环境
简单地建立Ember CLI Addons
在开始本篇文章前,先介绍下ember的背景。Ember是个用于构建大型网页应用的框架。Ember CLI可以很方便的使大型网页应用在浏览器中运行。ember做了许多,所以可以快速上手、使项目运行。打包工具、ES6模块转义、单元测试都可以直接使用。这样可以集中精力处理更重要的东西。它有一个真正关心ember发展的优秀社区。总之,它是个很棒的框架。我现在就不再滔滔不绝地讲下去了,继续讲我想讲的内容。Addons.
疯狂的技术宅
2019/03/27
1K0
【前端】Ember.js学习笔记
在默认情况下,model钩子返回的值,会设置为关联的控制器的model属性。例如,如果App.PostsRoute通过model钩子返回了一个对象,这个对象会设置为App.PostsController的model属性。
zhaokang555
2023/10/17
2430
【前端】Ember.js学习笔记
如何选择前端框架:ANGULAR VS EMBER VS REACT
最近一段时间是令前端工程师们非常兴奋的时期,因为三大Web框架陆续发布新版本,让我们见识到了更强大的Web框架。Ember2.0在2个月之前已经发布,从1.0升级到2.0非常简单。几周之前React发布了0.14版本。还有很多流行的前端框架,像Backbone 、Knockout及Aurelia。如果你想开发一个Web app,建议采用Angular,Ember或React三种框架中的一个。这三个框架可以说是安全级别最高,技术非常成熟的框架,而且有很多技术社区支持。所以你又开始纠结了,开发Web app,到
葡萄城控件
2018/01/10
2.4K0
如何选择前端框架:ANGULAR VS EMBER VS REACT
JavaScript框架比较:AngularJS vs ReactJS vs EmberJS
选择最适合项目需求的JavaScript框架,可以提高你发布有竞争力的web app的能力。 最后,你对基于JavaScript的app或网站找到了一条奇妙的思路。选择正确的框架可能对你项目的成功有着
前朝楚水
2018/04/03
12.7K0
JavaScript框架比较:AngularJS vs ReactJS vs EmberJS
一些前端框架的比较(下)——Ember.js 和 React
Ember.js 的 extend 的写法很类似于 JQuery 或者是 Backbone.js,创建 Application,然后在它下面创建相应的 Model(Object)、Controller、Router、View 和 Template,这些都是非常类似的。但是它更为先进的地方在于,一些重复的样板代码,比如给 template 注入上下文并渲染,如果命名按照 CoC 的原则正确完成的话,都由框架自动完成,这就省去不少体力活。CoC 还体现在 URL mapping 上面,比如”/books/book_id” 配置在 books.index 的 Router 里,Controller 就是 BooksIndexController,Router 就是 BooksRouter,Template 就是 books/index。
四火
2022/07/19
2.3K0
一些前端框架的比较(下)——Ember.js 和 React
Ember.js和Vue.js对比,哪个框架更优秀?
JavaScript最初是为Web应用程序创建的。但是随着前端技术的发展,大多数开发人员更喜欢使用基于JavaScript的框架。它简化了你的代码以及使你能完成更多全栈工作,您几乎可以在任何框架中使用JavaScript。
葡萄城控件
2019/11/18
2.8K0
Ember.js和Vue.js对比,哪个框架更优秀?
10个最受欢迎的 JavaScript 框架,以及它们的主要特征和功能
多年来,业界已经发布了大量 JavaScript 框架,怎样进行选择可能是一个挑战。如果你感到困惑,不知道应该选哪个或者究竟哪个适合你,那么我已经帮你解决了问题。在本文中,我将列出用来构建 Web 应用程序的前10个 JavaScript 框架。
用户5827212
2020/01/17
4K0
前端框架这么多,该何去何从?|洞见
作为一个软件开发者,最大的挑战就是在不断涌现的新技术中进行取舍,持续学习是从事这一行业的必备技能。在这个领域里,技术更新最快地又非前端莫属了。各种框架的出现、版本的更新此起彼伏,呈现出一派欣欣向荣之景
ThoughtWorks
2018/04/13
1.3K0
前端框架这么多,该何去何从?|洞见
2022 年十大 JavaScript 框架
2022 年十大 Web 应用开发 JavaScript 框架。JavaScript 支持函数式、事件驱动式和命令式编程风格,因此它是一种多模式语言。JavaScript 是一种即时编译的高级语言,遵循 ECMA-script 规范。JavaScript 是万维网的核心。统计数据表明,超过 97.7% 的网站已经将其用于前端开发。但是由于 JavaScript 框架数量庞大,可能你很难从中挑选出一款理想的框架用于你的网站或 Web 应用程序。所以我们编写了本文,帮你挑选出了十大 JavaScript 框架。
深度学习与Python
2022/03/23
2.8K0
前端框架之争丨除了Vue、Angular和React还有谁与之争锋
近些年,前端开发领域涌现出了大量框架,让人眼花缭乱,不知如何选择。今天我们将为您对比五个最流行的前端JavaScript框架,并作出概述,介绍其主要功能、工具、学习曲线及其他因素,帮助您做出衡量和选择。
葡萄城控件
2021/04/23
1.5K0
前端框架之争丨除了Vue、Angular和React还有谁与之争锋
渐进式 JavaScript 框架 Vue.js,精华都在这了
Vue.js,这个软件可是当下最火的 JavaScript 框架之一,相比其他框架,Vue.js 显得可以更加快速地上手并使用,如果你是前端开发人员,想知道入门 Vue.js ,那你真得接着往下看
疯狂的技术宅
2019/03/27
1.2K0
渐进式 JavaScript 框架 Vue.js,精华都在这了
微信跳一跳可以用 Python 刷分;macOS 再曝重大安全漏洞,或许已存在 15 年
本文介绍了 macOS 系统上 2018 年出现的多个安全漏洞,包括可以执行任意代码的漏洞和可以导致系统崩溃的漏洞。同时,文章还介绍了 Facebook 开源语音识别工具包 wav2letter,以及腾讯开源的高性能通用频率控制组件 libwxfreq。
企鹅号小编
2018/01/09
1.5K1
微信跳一跳可以用 Python 刷分;macOS 再曝重大安全漏洞,或许已存在 15 年
单页应用(SPA)开发中的 Top 10 框架
要用原生 JavaScript 开发 web 应用 ? 呵呵哒!现在都追求开发效率,开发者需要要更高效的方式,于是 JavaScript 框架诞生了。JavaScript 框架是单页应用开发的顶梁柱,它为 HTML 和 原生 JavaScript 增加了强大的功能。 多年以来,我们苦逼地使用原生 JavaScirpt 和 jQuery 开发复杂的界面,开发和维护的苦真是一言难尽。 框架能够让开发者抽出更多的精力专注在交互功能上,不用太操心代码的结构和组织。 大多数框架使用了 MVC 模式,并增强了代码
顶级程序员
2018/04/26
4.4K0
单页应用(SPA)开发中的 Top 10 框架
layui框架和vue哪个好_目前流行的9大前端框架[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/152785.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/13
2.9K0
layui框架和vue哪个好_目前流行的9大前端框架[通俗易懂]
换了马甲也能认出“你” | 有了这个数据集,AI有望揪出变种勒索软件
去年5月,恶意勒索软件WannaCry大面积爆发,全球不少国家机构、企业、个人终端电脑中招,电脑文件被锁。
量子位
2018/07/24
8480
换了马甲也能认出“你” | 有了这个数据集,AI有望揪出变种勒索软件
理解 Service Workers
Service Workers 是什么?它们能做什么,它如何让您的 web 应用更好的表现?本文旨在回答这些问题,以及如何使用 Ember.js 框架来实现 Service Worker。
疯狂的技术宅
2019/03/27
1.8K0
理解 Service Workers
python中属性和方法的动态绑定
# 定义一个类 class Student(object):     pass # 实例化一个对象     s = Student() # 给这个对象绑定一个属性name s.name = 'John' print(s.name) John # 定义一个方法 def set_age(self, age):     self.age = age # 导入模块     from types import MethodType #给s这个对象绑定一个set_age的方法 s.set_age = Meth
py3study
2020/01/13
1.7K0
vue.js与其他前端框架的对比
React React 和 Vue 有许多相似之处,它们都有: 使用 Virtual DOM 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库。 由于有着众多的相似处,我们会用更多的时间在这一块进行比较。这里我们不只保证技术内容的准确性,同时也兼顾了平衡的考量。我们需要承认 React 比 Vue 更好的地方,比如更丰富的生态系统。 相似之处 React与Vue存在很多相似之处,例如他们都是JavaS
xiangzhihong
2018/02/06
4.2K0

相似问题

Ember复杂属性绑定

10

Ember绑定模型到模板

12

model中的Ember模型属性

11

模板不绑定Ember中的模型

11

Ember表集成-模型/Ember-数据

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文