Несколько точек вставки в полимерном модуле?

Question

В полимере мы можем создавать точки вставки для содержимого HTML с <content> в пользовательских модулях, подобных этому.

<my-custom-element> 
    Surrounding HTML ... 
    <content></content> 
    Surrounding HTML ... 
</my-custom-element> 

а затем использовать модуль вроде этого:

<my-custom-element>foo content</my-custom-element> 

Может пользовательский элемент поддержка нескольких из этих <content> -На точек вставки? И как?

Answer 1

Вы можете использовать стандартный выбор элементов из <template> с помощью <content>select «S атрибутов с селектором CSS, чтобы получить различные вставленные элементы.

<template> 
    Name : <content select="h2"></content><br> 
    Mail : <content select="#mail"></content> 
</tempalte> 

<my-custom-element> 
    <h2>Some One</h2> 
    <span id="mail">email@internet.com</span> 
</my-custom-element>