ruby-on-rails-3 - Rails 中的 Ember.js 和 Twitter Bootstrap

Question

我想在我的 Ember.js 驱动的 Rails 应用程序中使用 twitter 引导布局。

我想知道是否有人知道将生成的application.html.erb布局和 ember.js、application.handlebars布局集成的好方法？

Answer 1

这是一个显示 ember.js + twitter bootstrap 的JSFiddle（基于 tomdale 出色的 ember-guides 截屏视频）。

默认情况下，ember 会渲染到 body 标签中。只要您的 application.html.erb 加载您的 ember 应用程序以及引导程序和所需的库，就无需进行任何更改。然后只需在您的车把模板中使用引导程序类。例如：

<script type="text/x-handlebars">
<div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">Bloggr</a>
    <ul class="nav">
      <li>{{#linkTo 'posts'}}Posts{{/linkTo}}</li>
      <li>{{#linkTo 'about'}}About{{/linkTo}}</li>
    </ul>
  </div>
</div>
{{outlet}}
</script>