ポリマー紙のタブが動作しない

Question

私のアプリケーションでタブを設定する方法は2つあり、1つは動作しない方法があります。私が間違っていることを確認していない。どちらの例は、この方法では、作品のカスタム要素テンプレート の内側にされています。私ならば

<paper-tabs id="clinic-tabs" selected="{{clinicId}}" attr-for-selected="cid" scrollable> 
    <template is="dom-repeat" items="[[clinics]]" filter="_shouldDisplay" observe="active use"> 
    <paper-tab cid="[[item.id]]">[[item.name]]</paper-tab> 
    </template> 
</paper-tabs> 

この方法では、私が最初のもので、paper-tab.htmlにonTap関数にブレークポイントを置いていない

<paper-tabs selected="{{page}}" attr-for-selected="page" scrollable> 
    <paper-tab page="details">Patient Details</paper-tab> 
    <paper-tab page="finance">Finance Records</paper-tab> 
    <paper-tab page="history">Patient History</paper-tab> 
    <paper-tab page="preopp1">Pre Op Assessment</paper-tab> 
    <paper-tab page="surgery">Surgery Settings</paper-tab> 
    <paper-tab page="postop">Post Op Assessment</paper-tab> 
</paper-tabs> 

ない場合コンソールを使用して値を出力する this.cidが正しい値を出力します。私が2番目のバージョンにブレークポイントを置くとthis.pageは未定義ですが、this.getAttibute('page')は正しい値を返します。結果として、第2のバージョンでは{{page}}値に変更はないので、私のタブは何もしません。私はアクションもの（実際に<iron-pages>を使用して、異なるページ間の切り替え）

Answer 1

は、第二のケースのためreadOnlyです。

Answer 2

紙のタブに私のカスタム要素にページプロパティを使用することができますどのように私ができるセットアップ秒1でのマークアップの任意のアイデアを持っていない

誰でもattr-for-selectedを選択します。それは数値の選択に作用します。従って選択された= 0、選択された= 1等々。最初の1つの例は、あなたが0からxまでのIDをpropably設定しているためです。

は

ドキュメント：私は実際には問題は（行動内で宣言）ホスト要素でpageプロパティがあることが判明https://www.webcomponents.org/element/PolymerElements/paper-tabs/elements/paper-tabs