Em 1 Nav 1

by amindunited

HTML

<script type="text/x-handlebars" data-template-name="application">
    <div id="siteNavWrap">
        {{render "siteNav"}}
    </div>    
</script>

<script type="text/x-handlebars" data-template-name="siteNav">
    {{render "basicNav"}}
    {{render "extendedNav"}}
</script>

<script type="text/x-handlebars" data-template-name="basicNav">
    
</script>

<script type="text/x-handlebars" data-template-name="extendedNav">
    
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0/ember.min.js"></script>

JavaScript

window.App = App = Em.Application.create();

App.Router.map(function () {
  this.resource('index', { path: '/' });
});

App.SiteNav = Em.Object.create({
    placeholder: "model"
});

App.SiteNavView = Em.View.extend({
    templateName: "siteNav",
    placeholder: "fooop",
    didInsertElement: function(){
        console.log("arg");
    }
});

App.BasicNav = Em.Object.create();
App.BasicNavController = Em.Controller.extend();
App.BasicNavView = Em.View.extend();

App.ExtendedNav = Em.Object.create();
App.ExtendedNavController = Em.Controller.extend();
App.ExtendedNavView = Em.View.extend();