混合正常页面CSS与ember车把css

时间：2013-06-24 10:03:46

标签： css ruby-on-rails twitter-bootstrap view ember.js

html.erb模板：

<div class="container">    
  <script type="text/x-handlebars" id="sentence">content</script>
</div>

但是检查了萤火虫，它变成了

<div class="container"></div>

<div id="ember299" class="ember-view">
  blablabla.....
</div>

因此，问题是容器属性

中未包含的脚本

2 个答案:

答案 0 :(得分：1)

<body>
  <script type="text/x-handlebars">
    <div class="container">
      {{outlet}}
    </div>
  </script>

  <script type="text/x-handlebars" id="sentence">
    content
  </script>
</body>

没有id的模板是应用程序模板。

答案 1 :(得分：1)

application.html.erb

<div class="container" style="margin-top: 28px;">
    <%= yield %>
  </div>

index.html.erb

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

然后检查萤火虫，它变成

<div class="container"></div>

<div id="ember299" class="ember-view">
  blablabla.....
</div>

使用产量，而不是{{outlet}}