полимера, запрос железа СМИ не работает правильно

Question

Я хочу, чтобы железо медиа-запрос для вызова функции, если запрос соответствует изменениям и проверить, если запрос соответствует правда, сделать что-то ...

это мой код:

<dom-module id="example-example"> 
    <style>  
    </style> 

    <template> 

     <iron-media-query query="(min-width: 200px)" query-matches="{{small}}" on-query-matches-changed="detectSmall"></iron-media-query> 
     <iron-media-query query="(min-width: 1400px)" query-matches="{{large}}" on-query-matches-changed="detectLarge"></iron-media-query> 

    </template> 

    <script> 
    Polymer({ 
     is: 'example-example', 
     detectLarge: function(){ 
      console.log(this.large); 
     }, 
     detectSmall: function(){ 
      console.log(this.small); 
     } 
    }); 
    </script> 
</dom-module> 

В первый раз, когда загружаю страницу, моя ширина устройства составляет 1300 пикселей, поэтому this.small должен быть правдой, но он не определен.

Что именно я делаю неправильно здесь?

Answer 1

Причина в том, что к моменту вашего события изменения Полимер все еще не закончен с элементом. Если вы хотите получить доступ к этому свойству в функции вы можете использовать его как этот

detectLarge: function(e){ 
     console.log(e.detail.value); 
    },