在「DOM分佈」下的以上的鏈接,它說:
爲了支持元件的光DOM的組合物與它的本地DOM,聚合物支持
<content>
元件。 ...
只是想知道這是否過時? Polymer 1.0是否使用這裏描述的插槽?
https://developers.google.com/web/fundamentals/primers/shadowdom/?hl=en#composition_slot
在「DOM分佈」下的以上的鏈接,它說:
爲了支持元件的光DOM的組合物與它的本地DOM,聚合物支持
<content>
元件。 ...
只是想知道這是否過時? Polymer 1.0是否使用這裏描述的插槽?
https://developers.google.com/web/fundamentals/primers/shadowdom/?hl=en#composition_slot
它在聚合物1.0絕對工作,即使有陰影DOM;我目前在使用Polymer 1.6的項目中使用它,但它可能在Polymer 2.0或更新版本中過時。
@ebidel證實,他們將插槽添加到webcomponents.js,但目前沒有人被分配給它:https://github.com/webcomponents/webcomponentsjs/issues/430
UPDATE
聚合物1.7他們推出了<slot>
元素準備升級到2.0應該很快就會發布。 2.0將不會有<content>
元素,因爲它們切換到CustomElement v1規範。我建議如果您打算使用<content>
元素,請將其切換到插槽,以便您將來可以升級聚合物庫而無需重新遷移。
插槽工作有點不同,槽沒有一個選擇:
<dom-module id="my-element">
<template>
<slot name="content"></slot>
</template>
<script>
Polymer({
is: 'my-element'
});
</script>
</dom-module>
<my-element>
<div slot="content">My Content</div>
</my-element>
您可以使用 沒有name屬性的默認內容(但目前這個破,PR修復程序合併聚合物回購) –
c01nd01r