2

我正在遍历我在控制器中定义的集合。

我正在使用基础轨道插件将其变成旋转木马。

然而，我的 HTML 被破坏了，它破坏了插件，因为它需要一定的输出。

<ul class="orbit-slides-container" data-orbit="" style="margin-left: -800%; width: 1000%; height: 217px;"><script id="metamorph-3-end" type="text/x-placeholder" data-orbit-slide="" style="width: 10%;"></script>
      <script id="metamorph-3-start" type="text/x-placeholder" class="" style="width: 10%;"></script><script id="metamorph-1-start" type="text/x-placeholder" style="width: 10%;" class=""></script>
        <li style="width: 10%;" class="">
          <script id="metamorph-4-start" type="text/x-placeholder"></script>true<script id="metamorph-4-end" type="text/x-placeholder"></script>
          <img src="source">
        </li>
      <script id="metamorph-1-end" type="text/x-placeholder" style="width: 10%;" class=""></script><script id="metamorph-2-start" type="text/x-placeholder" style="width: 10%;" class=""></script>
        <li style="width: 10%;" class="">
          <script id="metamorph-5-start" type="text/x-placeholder"></script>true<script id="metamorph-5-end" type="text/x-placeholder"></script>
          <img src="src">
        </li>
      <script id="metamorph-2-end" type="text/x-placeholder" style="width: 10%;" class=""></script><script id="metamorph-3-end" type="text/x-placeholder" style="width: 10%;" class="active"></script>
    <script id="metamorph-3-start" type="text/x-placeholder" data-orbit-slide="" style="width: 10%;"></script></ul>

如何避免我的 HTML 被破坏？基本上去掉所有变质的东西。

4

2 回答 2

3

看看未绑定的 Handlebars 助手。

于 2013-09-27T04:29:18.383 回答
1

您可以执行避免使用变形的视图的自定义呈现。

这是一篇讨论在 ember 中自定义呈现视图的博客文章。（这有点过时，但自​​定义渲染的核心部分是相关的）

如果您render在视图上定义方法，push则buffer参数中的任何内容都会放入 DOM 中。

Discourse.HotnessView = Discourse.View.extend({
  classNames: ['hotness-control'],

  render: function(buffer) {
    for (var i=1; i<12; i++) {
      buffer.push("<button value='" + i + "'");
      if (this.get('hotness') === i) {
        buffer.push(" class='selected'");
      }
      buffer.push(">" + i + "</button>");
    }
  }
});
于 2013-09-27T05:26:53.863 回答