1

でサブWebコンポーネントを作成することは可能Dartですか？

たとえば、x-chatwindowカスタム要素があり、それにサブコンポーネントが必要だx-textareaとします。x-textinput

架空の実装は次のようになります。

<x-chatwindow>
    <x-textarea/>
    <x-textinput/>
</x-chatwindow>
4

2 に答える 2

2

あなたが直面している特定の問題はありますか？

テンプレートの<content></content>内部を使用できます。ChatWindowComponent

<element name="x-chat-window" constructor="ChatWindowComponent" extends="div">
  <template>
    <content></content>
  </template>
</element>

次に、それらを使用するページ：

<!DOCTYPE html>
<html>
  <head>
    <link rel="components" href="components/chat_window.html" />
    <link rel="components" href="components/text_area.html" />
    <link rel="components" href="components/text_input.html" />
  </head>
  <body>
    <x-chat-window>
      <x-text-area></x-text-area>
      <x-text-input></x-text-input>
    </x-chat-window>
  </body>
</html>
于 2013-01-26T16:27:50.097 に答える
1

「DartM3」、「Dart Editorbuild20259」および「web_ui0.4.2+5」でテストされた回答

Kai Sellgrenの回答に加えて、WebComponentsは他のWebComponents内に隠すことができます。「xchatwindow.html」内のあなたの場合、textareaとテキスト入力は次のようにリンクできます。

<!DOCTYPE html>

<head>
  <link rel="components" href="components/xtextarea.html">
  <link rel="components" href="components/xtextinput.html">
</head>
<body>
  <element name="x-chat-window" constructor="FormComponent" extends="div">

...
于 2013-03-26T17:19:32.313 に答える