Ember和HTML5的满足属性

meh*_*kar 5 html5 ember.js

我刚刚发现了contenteditableHTML5中的规范.基本上,只需将该属性设置为true,它就可以在您单击它时允许任何html元素进行编辑.例如:

<p contenteditable=true>Editable content</p>
Run Code Online (Sandbox Code Playgroud)

点击它就可以编辑.

不幸的是,这并没有通知Ember有关更改Ember对象的信息,因此Ember不知道该值已被更改.

我不确定绑定是如何工作的,但这有可能以某种方式实现吗?

这是一个小提示,以显示我在说什么.

Kas*_*ann 11

相反,使用contenteditable对于某些用例来说是完全可能的,也是一种很好的方法,在这些用例中你希望实现自动调整大小的输入区域等.

Ember.js已经包含了<input>元素的视图类,但是对于设置为的<div>元素没有.这里的关键是绑定到div的HTML内容并公开一个属性就像它一样.contenteditabletruevalueEmber.TextField

我在博客文章中介绍了这一点,可以在这里找到:http://www.kaspertidemann.com/handling-contenteditable-in-ember-js-via-app-contenteditableview/

博客文章归结为介绍App.ContenteditableView,其来源可以在这里找到:https://github.com/KasperTidemann/ember-contenteditable-view

我希望这有帮助!