无法使用querySelectorAll找到Element Inside Template

时间:2015-10-15 23:31:57

标签: polymer-1.0

我完成了我的项目的视觉效果。现在,尝试放置模板标签。但我的点击切换'事件现在不起作用。尝试了很多解决方案。与此同时,您可能会提供有关聚合物的提示。

像这样推出的模板标签:

<template is="dom-if" if="{{isUnis(tabSelected)}}">
    <template is="dom-repeat" items="{{unis}}">
        <paper-icon-item u="{{item.name}}">
            <iron-image src="{{unImg(item.name)}}" sizing="contain" style="width:32px;height:32px" item-icon fade preload></iron-image>
            <div class="flex">{{item.name}}</div>
            <span>1</span>
        </paper-icon-item>
    </template>
</template>
<template is="dom-if" if="{{isDers(tabSelected)}}">
    <paper-icon-item u="İstanbul">
        <iron-image src="/unis/uni/istanbul.png" sizing="contain" style="width:32px;height:32px" item-icon fade preload></iron-image>
        <div class="flex">İstanbul</div>
        <span>1</span>
    </paper-icon-item>
</template>

我的脚本在模板中:

var notarApp = Polymer.dom(document).querySelector('notar-app');
    document.addEventListener('polymer-ready', function() {
        var p = Polymer.dom(notarApp.root).querySelectorAll('paper-icon-item'),
            sifir = 0,
            buyuttu = document.getElementById('#buyuttu'),
            selected = document.getElementById('#selected');
        for (var i = 0; i < p.length; i++) {
            p[i].addEventListener('click', function() {
                this.classList.toggle('shadow-2');
                var listme = [];
                for (var j = 0; j < p.length; j++) {
                    if (!(hasClass(p[j], 'shadow-2'))) {
                        continue;
                    }
                    listme.push(" " + p[j].attributes[0].nodeValue);
                    selected.innerHTML = listme;
                }
                if (listme.length == 0) {
                    selected.innerHTML = 'Listelemek için üniversite ve/ya ders seçin';
                }
                if (sifir == 0 && listme.length > 4) {
                    buyuttu.show();
                    sifir++;
                }
            });
        }
    });

最后我在聚合物内部尝试了这个并没有发生任何事情:

if(p.length) {
   console.log(p);
}

我的猜测是dom-if如果state为false则不加载内容。

0 个答案:

没有答案