Ember.js 在一个模板中多次插入相同的余烬视图

我设计了一个用于显示图片的余烬视图，该视图使用SVG生成一个六边形。现在我想在同一页上显示多张图片

我将视图集成到如下模板中：

{{view App.HexagonView width="68" height="60" image="http://placekitten.com/g/121/121"}}

现在，当我集成它一次时，它工作得很好。当我集成它两次时，它只显示一个。错误可能是由于Ember生成了两个具有相同ID的HTML元素，因此插入视图内容只会进入一个HTML容器。余烬是怎么做的

当您将余烬/把手用于自包含、可重用的web组件时，请使用视图而不是视图

或者，如果不需要视图的附加范围（例如，不处理操作、更改单个图像元素的属性等），则可以使用Ember帮助程序绑定并返回纯html：

Em.Handlebars.helper('hexagon', function(image, height, width) {
  var img = '<img src="' + image + '" height="' + height + '" width="' + width + '" alt="A hexagon image">';

  return new Handlebars.SafeString(img);
});

---

如果你想变得聪明，你可以自动。

HexagonView有elementId属性吗？？？那么我不认为ember会设置相同的elementId…顺便说一句，尝试使用组件，因为你需要在同一模板中有多个视图实例…看看这个例子

{{hexagon width='68' height='60' image='//placekitten.com/g/121/121'}}