Polimer 1.0'daki Sekmelerle Geçiş Görünümü

Belli bir Sekmeye tıkladığımda Görünümde Polimer'yi değiştirmek istiyorum. Bunun için paper-tabs documentation'da açıklandığı gibi kağıt-sekmeleri ve demir sayfaları kullanmayı düşündüm. Sekmeler iş gibi görünüyor değiştirmePolimer 1.0'daki Sekmelerle Geçiş Görünümü

<html> 
 

 
<head> 
 
    <title>Test</title> 
 
    <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 
 
    <link rel="import" href="bower_components/polymer/polymer.html"> 
 
    <link rel="import" href="bower_components/paper-tabs/paper-tabs.html"> 
 
    <link rel="import" href="bower_components/iron-pages/iron-pages.html"> 
 
</head> 
 

 
<body> 
 

 
    <paper-tabs selected="{{selected}}"> 
 
    <paper-tab>Tab 1</paper-tab> 
 
    <paper-tab>Tab 2</paper-tab> 
 
    <paper-tab>Tab 3</paper-tab> 
 
    </paper-tabs> 
 

 
    {{selected}} 
 

 
    <iron-pages selected="{{selected}}"> 
 
    <div>Page 1</div> 
 
    <div>Page 2</div> 
 
    <div>Page 3</div> 
 
    </iron-pages> 
 
    
 
</body> 
 
</html>

bu özelliktir gerçekleştirmek zorunda HTML. Ancak demir sayfalar öğesi görünümü değiştirmediğinden seçilen değişkenin doğru şekilde ayarlanmamasına benziyor. Polimer 1.0'da gerekli veri bağlamayı nasıl yapabilirim? İki öğenin etrafında, her ikisi de böyle bir değişkenin erişebileceği bir alan sağlamak için özel bir kapsayıcı Öğe oluşturmam gerekiyor mu?

kaynak

2015-05-30 b-m-f

Kıvrımlı parantezlerin çalışmasını istiyorsanız, öğeleri template[is="dom-bind"] öğesine gömmeniz gerekir.

<template is="dom-bind" id="scope"> 
    <span>{{number}}</span> 
</template> 
... 
<script> 
    window.addEventListener('WebComponentsReady', function() { //You have to make sure that all custom elements are loaded 
    var scope = document.querySelector("template#scope"); 
    scope.number = 1; // display the number 1 
    }); 
</script>

kaynak

2015-05-31 11:43:49

Teşekkürler çok. Polimer belgelerini okurken "is = 'auto-binding'" yazdım. Bu 0.5'den. Bu, 1.0'da "is = 'dom-bind'" ile aynı mıdır? –

Aynı şey. –

-1

Bu soruna da girdim.

https://github.com/PolymerElements/iron-pages/issues/3

bu deneyin: Burada benim için çalışan bir düzeltme bulundu

var p = document.querySelector ('demir sayfalar'); p._removeListener (p.activateEvent);

kaynak

2015-06-01 22:22:05 devDesign

Sadece kirli, dahili bir API yöntemi kullanıyor. –

Polimer 1.0'daki Sekmelerle Geçiş Görünümü

cevap

İlgili konular