폴리머 용지 탭이 작동하지 않습니다.

Question

내 응용 프로그램에서 탭을 설정하는 두 가지 방법이 있으며 하나는 작동하지 않습니다. 내가 뭘 잘못하고 있는지 모르겠다. 두 예제는 사용자 정의 요소 템플릿 안에있는 이런 식으로 작동합니다 : 나는 paper-tab.html에 onTap 기능에 중단 점을 넣으면

<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-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이 올바른 값을 인쇄합니다. 두 번째 버전에 중단 점을 넣으면 this.page은 정의되지 않지만 this.getAttibute('page')이 올바른 값을 반환합니다. 결과적으로 두 번째 버전에서는 {{page}} 값이 변경되지 않으므로 내 탭은 아무 것도하지 않습니다.

사람은 내가 설정 두 번째의 마크 업 그래서 (실제로 <iron-pages>를 사용하여 다른 페이지를 전환) 액션 것들에 내 사용자 지정 요소에서 페이지 속성을 사용하는 방법에 어떤 생각이

Answer 1

는 두 번째 경우에 readOnly입니다.

Answer 2

용지 탭이없는 attr-for-selected. 그것은 숫자 선택에 작동합니다. 그래서 = 0 선택, = 1 선택 등. 첫 번째 예제는 0에서 x까지의 ID를 적절하게 설정했기 때문에 작동합니다.

는

문서 : 실제로 문제가 (행동 내에서 선언) 호스트 요소에 page 속성이 있음을 발견 https://www.webcomponents.org/element/PolymerElements/paper-tabs/elements/paper-tabs