实现ember进行页面跳转

木来 木来

之前我们已经写完了scientists的页面

然后,我们又写了一个nav导航栏

现在,我们只需要通过修改里面的部分导航栏代码,就可以实现页面跳转

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      {{#link-to 'index' class="navbar-brand"}}Library App{{/link-to}}
    </div>

    <div class="collapse navbar-collapse" id="main-navbar">

<ul class="nav navbar-nav">
<li>
   {{#link-to 'scientists' class="navbar-brand"}}科学家{{/link-to}}
</li>
 
 
<li>
<a href="#">Test Link</a>
</li>
 
<li>
<a href="#">Test Link</a>
</li>
 
 
 
</ul>


    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

实现效果是

图片.png

点击科学家即可跳转到科学家页面。

0 条评论