为什么聚合物成分不留在其预期的母体中？

Question

我正在努力将现有的 rails 应用程序转换为 Polymer。第一步，我将 table 的行转换为组件。在我开始工作后，我将转换 table.

这是我的 xxx.html.erb 文件中的 html：

<div class="table-responsive">
    <table class="table">
        <tr>
            <th class="col-md-2">
                Name
            </th>                                                                                                                                                                                                               <th class="col-md-6">
                Description                                                                                                                                                                                                     </th>
            <th class="col-md-1"></th> <!-- Placeholder -->
            <th class="col-md-1"></th> <!-- Placeholder -->
        </tr>

        <% @gift_ideas.each do |gift_idea| %>
            <wish-row url="<%= gift_idea.url %>" name="<%= gift_idea.name %>" description="<%= gift_idea.description %>", id="<%= gift_idea.id %>"></wish-row>
        <% end %>
    </table>
</div>

wish-row 聚合物元素正在扩展为正确的 HTML。但是，它出现在 div.table-responsive 中，而不是 table.table 元素中。

这是为什么，我该如何解决？

Answer 1

在某些浏览器中，表格（以及 <select> 元素）不能包含 <template> 元素。这是出于向后兼容的原因，在 Polymer's Compatibility Notes

中有更详细的解释

为什么聚合物成分不留在其预期的母体中？

Why is a polymer component not staying in its intended parent?

html

erb

polymer