Edit Question - KnowledgeHub

Title Body

I am using Ember and my view is getting rendered at the very bottom of my HTML DOM, instead of inside my div element. Here is my source code : index.html : <body> <div id="test"> <script type="text/x-handlebars"> {{view Skills.RecommendedSkillsListView}} </script> </div> <script type="text/x-handlebars" data-template-name="recommended_skills_list"> <a href="#" {{action "b"}}>DO A NEW THING</a> </script> <script src="js/libs/jquery-1.8.3.min.js"></script> <script src="js/libs/handlebars-1.0.rc.1.js"></script> <script src="js/libs/ember-1.0.0-pre.2.js"></script> <script src="js/app.js"></script> </body> app.js : Skills = Ember.Application.create({}); Skills.RecommendedSkillsListView = Ember.View.extend({ templateName: 'recommended_skills_list', b: function(v) { alert('new hello'); } }); Skills.initialize(); The rendered document : <body class="ember-application"> <div id="test"></div> <script src="js/libs/jquery-1.8.3.min.js"></script> <script src="js/libs/handlebars-1.0.rc.1.js"></script> <script src="js/libs/ember-1.0.0-pre.2.js"></script> <script src="js/app.js"></script> <div id="ember135" class="ember-view"> <div id="ember140" class="ember-view"> <a href="#" data-ember-action="1">DO A NEW THING</a> </div> </div> </body> Note: when using the same code with a previous version of ember (0.9.5) it works as expected

Tags (comma-separated) Cancel