コンポーネント間のIDでコンポーネントを取得するポリマー2.0

Question

兄弟コンポーネント内の別のコンポーネントをIDで取得することは可能ですか？ 例：

<paper-progress id="progress" value="10" indeterminate></paper-progress> 

<my-iron-ajax url="http://someurl.com" auto last-response="{{data}}" stop-progress="progress"></my-iron-ajax> 

目的は時にAjaxの仕上げ、自動的に進行を停止することです。コンポーネントの最終的なユーザーは、進行を止めるためにJavaScriptを置く必要はありません。

私はすでに試しましたが、成功しませんでした。

バグの複製： https://jsbin.com/sadahupixo/edit?html,output

Answer 1

私はあなたの要素の中に進捗状況を停止する機能を作成することをお勧め。その後、あなただけのどこにでも

document.getElementById('myID').stopProgress(); 

から呼び出すことができます

stopProgress() { 
     this.$.progress.style.display = 'none'; 
    } 

のようなものは、あなたが唯一の "光" DOM内の要素を選択し、 "できる" を覚えておいてください。 shadom domは要素の一部であり、要素自体でのみ変更する必要があります。ワーキング例えば参照

https://jsbin.com/haguwoqote/edit?html,console,output

PS：また、CSS変数のみを使用してアーカイブすることができる唯一のCSSの変更を行っています。その場合は私はそれをお勧めしません。