Polimer 0.5'de, nesne değerlerine bağlı olarak sınıfları koşullu olarak uygulamak için bir öğe sınıfı özniteliğindeki ifadelerle tokenList filtresini kullanabilirsiniz. V1.0 yerine veya eşdeğer teknik nedir? Konuyla ilgili olarak tamamen kodda çalışmanın ötesinde hiçbir şey bulamıyorum.Polimer 1.0 için tokenList stiline ne oldu?
cevap
Polimer 1.0, performans kazançları lehine birkaç kesinti yaptı, bunlardan biri olan ifadeler. Sen yeniden yazma olabilir
<div class="{{ {active: user.selected, big: user.type == 'super'} | tokenList}}">
1.0 için şöyle: sizin elementin js Sonra
<div class$="{{getClassList(user.selected, user.type)}}">
:
getClassList: function(selected, type) {
var classList = '';
if (selected) classList += ' active';
if (type == 'super') classList += 'big';
return classList;
}
Yap 0,5 belgelerinden örneği kullanarak
değişime tabi olan herhangi bir özellik (ve sonuçta ortaya çıkan değerin) paramete olarak geçtiğinden emin olun işlevine rs. Bu özellikler güncellenirse, polimer değeri yeniden hesaplayacaktır. Ayrıca, işleve iletilen her özelliğin bir şekilde başlatıldığından emin olun - Herhangi bir bağımsız değişken undefined
ise, Polymer özelliği hesaplamaz.
farkında olmak başka şey class="foo {{bar}}"
gibi şeyler olamaz bu yüzden {{}}
herhangi bir olay, bütün nitelik veya metin içeriği almak gerektiğidir.
<div class$="{{getClassList('user-item', user.selected, user.type)}}">
Sanırım bu 'büyük' dizede eksik bir alan var ... belki de classList'in bir dizi olması ve dönüşte bir boşlukla birleştirilmesi daha iyi. .. ve 'select' yerine 'user.selected' ile test ediyorsunuz - tiple aynı. –
- 1. Polimer 1.0 Bağlamadaki Array Gözlemciler
- 2. Polimer 1.0'daki Sekmelerle Geçiş Görünümü
- 3. polimer 1.0 dom-if şablonunda öğeyi seç
- 4. Polimer 1.0 Dokunarak olay yayılımı durdurulamıyor
- 5. Polimer 1.0: dom-if komutunu kullanma
- 6. Polimer 1.0'daki öğeler için olayları nasıl dinlerim?
- 7. V 1.0
- 8. ne oldu()?
- 9. Çoklu Polimer Web Bileşenleri Firefox'ta Başarısız Oldu
- 10. Çoklu seçim kağıt açılır menüsünde menüyü kapatın. Polimer 1.0
- 11. OmniXML'e ne oldu?
- 12. XPathReader'a ne oldu?
- 13. Android Lollipop'ta Monospace'e ne oldu?
- 14. WPF'de Control.InvokeRequired'ye ne oldu?
- 15. Dart'da StringDecoder'a ne oldu?
- 16. CFFI-UNIX'e ne oldu?
- 17. Pip için -e seçeneğine ne oldu?
- 18. Rx Switch() operatörüne ne oldu?
- 19. qt4'te QListViewItem'e ne oldu?
- 20. Nav-başlık sınıfına ne oldu?
- 21. Polimer
- 22. 180 gün önce ne oldu?
- 23. WPF 4: DataGridColumnHeader'a ne oldu?
- 24. Polimer 1.0: Şablonun, sayfadaki demir sayfalarını görüntülemek için kağıt menü öğelerinin içinde tekrar basılması
- 25. CSS'yi Ruby'de nesnelerin stiline yaklaştırmak için erb
- 26. ProgressIndicator stiline uygun mu?
- 27. Django-registration 1.0 formları için django-registration 1.0 formları
- 28. Polimer: İç kısımdaki elemanlar ile polimer elemanını doğru şekilde çıkarın.
- 29. "Ultra Find" için Visual Studio uzantısına ne oldu?
- 30. QWidget * QApplication :: mainWidget() Qt4'te ne oldu?
[Bilgisayarlı bağlamaları] (https://www.polymer-project.org/1.0/docs/devguide/data: bildirimli senin öğeye bir sınıf adını eklemeniz gerekiyorsa, böyle bir şey yapabileceğini -binding.html # açıklamalı-hesaplanmış) –