ネストされたWebコンポーネント "ES2015スタイル"、ネストされたコンポーネントを外部コンポーネントからインポートする方法

Question

私はES2015スタイルのシンプルなWebコンポーネントを開発しようとしています。コンポーネントmy-actionは、コンポーネントmy-action-barにネストされています。

Githubにあるバージョンでは、クライアントのページ（demo-action-bar.html）に2つのコンポーネントを「インポート」します。私は私のHTMLクライアント・ページにmy-action-barをインポートしたいが、私はmy-action-barコンポーネントに「輸入」my-actionする方法がわからない...

Answer 1

あなたはWebコンポーネントの依存関係をロードするためにHTML輸入を使用することができます。

： 私のアクション-内容でbar.htmlで

<script src="my-action.js"></script> 

：私-action.htmlで

<link rel="import" href="my-action.html"> 
<script src="my-action-bar.js></script> 

デモ行動内容でbar.htmlに：あなたは標準XMLHttpRequestまたはfetchを使用することができます

<link rel="import" href="my-action-bar.html"> 
... 
<my-action-bar></my-action-bar> 

代わり：私のアクション-bar.jsで

：

var xhr = new XMLHttpRequest 
    xhr.open('GET', 'my-action.js') 
    xhr.onload = function() 
    { 
     var script = document.createElement('script') 
     script.innerHTML = xhr.response 
     document.head.appendChild(script) 
    } 
    xhr.send()  

または、第3のparyモジュールローダーli ke RequireJS。