Skip to content

ng-model with iron-media-query #53

@M0nter0

Description

@M0nter0

Is it working for anybody with iron-media-query element?
I'm working with ng-polymer-element for default elements and also including my own components without any problem. It's working really well, but when I've try to use it with iron-media-query I didn't get any result at the scope.

iron-media-query is working properly in its own dom-bind template. So I discard any malfunction of that element.

So my code:

Definition of property to bind:

angular.module('ng-polymer-elements').constant('$ngPolymerMappings', {
    ironMediaQuery : {
        ngModel: '=query-matches'
    }
});

And then I use it at my element as follows:

<iron-media-query query="(min-width: 630px)" ng-model="isBigScreen"></iron-media-query>

But isBigScreen property doesn't appear at my $scope.

Versions I'm using:
*AngularJS 1.4.4
*Polymer 1.1
*ng-polymer-elements 0.3.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions