1

我正在寻找一种在使用视图显示模型属性时访问路径中模型数据的方法。

例子

模板

<h2>New post</h2>

<form {{action save model on="submit"}}>
    <label>Title</label>
    {{input type="text" value=title placeholder="title" id="title"}}

    <label>Text</label>
    {{view "tinymce" value=text }}

    <button>Post</button>
 </form>

查看模板

<textarea id="tinymce">
</textarea>

看法

export default Ember.View.extend({
    templateName: 'views/tinymce-textarea',

    didInsertElement: function() {
        tinymce.EditorManager.execCommand('mceRemoveEditor',true, 'tinymce');
        tinymce.EditorManager.execCommand('mceAddEditor',true, 'tinymce');
    }
});

路由器

export default Ember.Route.extend({

    ....

    actions : {
        save : function(model) {
            if (!model.get('title').trim() || !model.get('text').trim()) {
                return;
            }

            model.save().then(this.onSuccessfulSave.bind(this), this.onFailedSave.bind(this));
        }
    }
});

现在，显然这不起作用，因为 model.text 永远不会绑定在视图中，就像我使用 textarea 模板助手一样：

{{textarea value=text placeholder="text" id="text"}}

但这只是我试图让它工作的许多（许多）方法之一，我完全不知道在使用视图时如何访问路径中的模型属性。它对我来说似乎也是一个很常见的用例。

我未能在 SO 或其他任何地方找到有关此的信息，因此，如果有人能够帮助我，请提前致谢！/ 作为。

4

1 回答 1

0

因此，您错过的主要事情之一是将视图绑定到控制器。这实际上非常简单，但没有它，Ember 不知道它应该在两者之间传播变化。我要做的第一件事是：

 {{view "tinymce" valueBinding="text" }}

这表示视图值将绑定到控制器的文本值。每当视图的值更新时，它将传播到控制器，反之亦然。

下一个要处理的项目实际上是绑定视图中的值。您需要做的就是告诉输入将其值绑定到视图的值。这可以像这样完成

{{textarea value="view.value" placeholder="text" id="text"}}

试试这个，你可以使用我创建的这个 jsbin 作为例子：

http://emberjs.jsbin.com/qanudu/26/

如果您有任何其他问题，请告诉我，但这应该可以解决您的问题！

于 2014-08-11T18:59:32.373 回答