我无法追加一个观点

时间:2012-10-06 20:41:28

标签: view ember.js

我试图插入一个简单的把手,就像这样,但是支持很少,官方页面中的指南太难过了,我无法做到这一点。

<head>
    <!--HANDLEBAR-->
    <script type="text/x-handlebars" data-template-name="say-hello">
        Hello, <b>{{name}}</b>
    </script>

    <!--VIEW-->
    <script>
        var view = Ember.View.create({
            templateName: 'say-hello',
            name: "Bob",
        }); 
        view.appendTo('#templateHere');   //here I try to append the view
   </script>    

在萤火虫中我得到错误:无法找到模板“say-hello”...........但我不知道为什么找不到它

1 个答案:

答案 0 :(得分:1)

最后我完成了,我在这里编写解决方案,因为我认为ember需要更多的文档而且值得,因为它非常有趣(而且功能强大): 问题是我在定义之前创建了我的视图对象。正确的代码是:

                 ....

    <!--HANDLEBAR-->
    <script type="text/x-handlebars" data-template-name="say-hello">
            Hello, <b>{{name}}</b>
    </script>

    <!--VIEW-->
    <script>
            App = Ember.Application.create();

            //DEFINE VIEW
            App.Myview = Ember.View.extend({
            templateName: 'say-hello',
            name: "Bob",
            });

            //CREATE VIEW>  
            App.myview=App.Myview.create();
            console.log(App.myview.get('name'));//only for debug

            //APPEND VIEW
            $(function() {
                App.myview.append('#templateHere');
            });

    </script>     

</head>
<body>
  <div id="templateHere"></div>
</body>
</html>