如何在Ember.js路径中创建默认菜单

时间:2014-05-08 09:32:39

标签: javascript jquery css ember.js

我在这里为我的Ember js应用程序制作了jsbin代码http://emberjs.jsbin.com/qicizidu/2/edit?html,css,js,output

所以当我点击项目A,然后在A上我希望左边的ABCD菜单留在那里,而不是消失。感谢

1 个答案:

答案 0 :(得分:0)

代码需要修改如下,

http://emberjs.jsbin.com/vazorici/1/edit

<强> JS

App.Router.map(function() {
  this.resource("v" , {path : "/v"},function(){
    this.route("a" , {path : "/a"});
  });
  this.route("u" , {path : "/u"});


});

<强> HBS

 <script type="text/x-handlebars" id="v"> 


        <div class="col-md-4" >
          <h2">Title</span></h2>
          <ul>
            <li>{{#link-to 'v.a'}}A{{/link-to}}</li>
            <li>B</li>
            <li>C</li>
            <li>D</li>

        </ul>


         <div class="col-md-8">
        {{outlet}}
      </div>

      </div>

</script>

  <script type="text/x-handlebars" id="v/a"> 

<p>Submenu content</p>

</script>