来自车把的EmberJs功能

时间:2014-02-19 19:15:09

标签: jquery ember.js handlebars.js

我自己学习Ember js,我有这个示例代码,工作正常:

<script>
    window.EmberApp = Ember.Application.create();
    var Marcapagina = Ember.Object.extend({
         convertir_en_link: function() {
            return "<a href='" + this.get("url") + "'>"
            + this.get("nombre")
            + "</a>";
    },
     nombre: "Robert App",
     url: "http://www.google.cl"
    });
</script>

在html正文中我打印出链接,这样:

<script type="text/javascript">
$(document).ready(function(){
 $("#here").append(marcapagina.convertir_en_link());
});
</script>
<div id="here"></div>

我的问题是,有没有办法从把手调用该功能,如:

<body>
<script type="text/x-handlebars" data-template-name="index">
Here is where i want to print the result of the function, but
{{marcapagina.convertir_en_link()}}
Doesn't works!!!
</script>

我想摆脱这段代码:

<script type="text/javascript">
$(document).ready(function(){
 $("#here").append(marcapagina.convertir_en_link());
});
</script>
<div id="here"></div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您的方法是以非预期的方式使用Ember.Objects。但是你正在寻找的最终结果是Ember的一个非常基本和包含的部分。

Here's a working jsbin that shows the "Ember Way"

如果您刚刚开始使用ember,我强烈建议您阅读Todo MVC教程right here