I was not able to make angupoly work on safari/firefox. So I research a little and I found ng-polymer-elements.
http://ngmodules.org/modules/ng-polymer-elements I just change my code and it works. Also , I can use ng-model directive to bind the variables. Best Ignacio On Tuesday, October 28, 2014 2:38:58 PM UTC-3, Ignacio Manzano wrote: > > I did it. I have the js at first js in my webpage... Im using polymer 0.4.2 > > <script src="bower_components/platform/platform.js"></script> > > its really rare. Also the provided demo does not work on safari. > > Any idea? > > On Tue, Oct 28, 2014 at 12:24 PM, Eric Bidelman <[email protected]> wrote: > >> You need to load platform.js/webcomponents.js to support polyfill'd >> browsers. >> It also needs to be the first script loaded on the page. >> >> On Tue, Oct 28, 2014 at 7:30 AM, Ignacio Manzano < >> [email protected]> wrote: >> >>> More Information. Using demo in the angupoly page ( >>> http://plnkr.co/Wb31bj) >>> >>> In safari I got this error >>> >>> Error: Attempted to assign to readonly property. >>> val@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:144:70 >>> >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:145:45 >>> $render@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:133:502 >>> >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:185:213 >>> $digest@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:106:186 >>> $apply@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:109:294 >>> >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:18:29 >>> d@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:34:270 >>> c@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:17:445 >>> $b@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:18:141 >>> Wc@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:17:216 >>> >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:209:362 >>> a@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:140:397 >>> >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:31:36 >>> q@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:7:390 >>> c@ >>> http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js:31:15 >>> >>> And the polymer box in the demo is empty. >>> >>> On Tue, Oct 28, 2014 at 11:20 AM, <[email protected]> wrote: >>> >>>> Hi, >>>> >>>> I'm usign angupoly a lot, but I figure it out that does not work on >>>> Safari and Firefox. >>>> >>>> I got the following error >>>> >>>> Error: undefined is not a function (evaluating 'el.bind(attrName, new >>>> PathObserver(scope, paths[attrName]))') >>>> http://localhost:8088/scripts/angupoly.js:29:18 >>>> N@http://localhost:8088/bower_components/angular/angular.min.js:54:373 >>>> g@http://localhost:8088/bower_components/angular/angular.min.js:47:257 >>>> g@http://localhost:8088/bower_components/angular/angular.min.js:47:274 >>>> g@http://localhost:8088/bower_components/angular/angular.min.js:47:274 >>>> g@http://localhost:8088/bower_components/angular/angular.min.js:47:274 >>>> g@http://localhost:8088/bower_components/angular/angular.min.js:47:274 >>>> http://localhost:8088/bower_components/angular/angular.min.js:46:378 >>>> link@ >>>> http://localhost:8088/bower_components/angular-route/angular-route.min.js:7:389 >>>> N@http://localhost:8088/bower_components/angular/angular.min.js:54:373 >>>> g@http://localhost:8088/bower_components/angular/angular.min.js:47:257 >>>> http://localhost:8088/bower_components/angular/angular.min.js:46:378 >>>> http://localhost:8088/bower_components/angular/angular.min.js:48:218 >>>> E@http://localhost:8088/bower_components/angular/angular.min.js:52:29 >>>> v@ >>>> http://localhost:8088/bower_components/angular-route/angular-route.min.js:6:498 >>>> $broadcast@ >>>> http://localhost:8088/bower_components/angular/angular.min.js:114:332 >>>> >>>> http://localhost:8088/bower_components/angular-route/angular-route.min.js:11:189 >>>> E@http://localhost:8088/bower_components/angular/angular.min.js:100:187 >>>> E@http://localhost:8088/bower_components/angular/angular.min.js:100:187 >>>> http://localhost:8088/bower_components/angular/angular.min.js:101:351 >>>> $eval@ >>>> http://localhost:8088/bower_components/angular/angular.min.js:112:68 >>>> $digest@ >>>> http://localhost:8088/bower_components/angular/angular.min.js:109:173 >>>> $apply@ >>>> http://localhost:8088/bower_components/angular/angular.min.js:112:405 >>>> h@http://localhost:8088/bower_components/angular/angular.min.js:72:460 >>>> u@http://localhost:8088/bower_components/angular/angular.min.js:77:796 >>>> onreadystatechange@ >>>> http://localhost:8088/bower_components/angular/angular.min.js:79:25 >>>> <paper-input class="settings_input" angupoly="{value:'uai.email'}"> >>>> >>>> any idea? >>>> >>>> This is how Im loading my js >>>> >>>> <script src="bower_components/es5-shim/es5-shim.min.js"></script> >>>> <script src="bower_components/angular/angular.min.js"></script> >>>> <script src="bower_components/json3/lib/json3.min.js"></script> >>>> <script >>>> src="bower_components/angular-resource/angular-resource.min.js"></script> >>>> <script >>>> src="bower_components/angular-cookies/angular-cookies.min.js"></script> >>>> <script >>>> src="bower_components/angular-sanitize/angular-sanitize.min.js"></script> >>>> <script >>>> src="bower_components/angular-animate/angular-animate.min.js"></script> >>>> <script >>>> src="bower_components/angular-touch/angular-touch.min.js"></script> >>>> <script >>>> src="bower_components/angular-route/angular-route.min.js"></script> >>>> >>>> <!-- build:js scripts/angupoly.js --> >>>> <script src="scripts/angupoly.js"></script> >>>> <!-- endbuild --> >>>> >>>> <!-- build:js scripts/common/model.js --> >>>> <script src="scripts/common/model.js"></script> >>>> <!-- endbuild --> >>>> >>>> <!-- build:js scripts/common/common.js --> >>>> <script src="scripts/common/common.js"></script> >>>> <!-- endbuild --> >>>> >>>> <!-- build:js scripts/settingsApp.min.js --> >>>> <script src="scripts/settingsApp.js"></script> >>>> <script src="scripts/controllers/settingsController.js"></script> >>>> <script src="scripts/services/SettingsService.js"></script> >>>> <!-- endbuild --> >>>> >>>> >>>> On Tuesday, October 21, 2014 8:08:21 AM UTC-3, [email protected] >>>> wrote: >>>>> >>>>> Hi >>>>> >>>>> I was able to do it easily with >>>>> >>>>> <paper-item ng-repeat="f in countries" label="{{f}}" ></paper-item> >>>>> >>>>> thanks! >>>>> >>>>> On Tuesday, October 21, 2014 7:58:04 AM UTC-3, [email protected] >>>>> wrote: >>>>>> >>>>>> Its perfect. >>>>>> >>>>>> One more question. If I want to fill a paper-dropdown-menu like this >>>>>> >>>>>> <paper-dropdown-menu valueattr="label"> >>>>>> <paper-item angupoly="{label:'country}" >>>>>> ng-repeat="country in countries"></paper-item> >>>>>> </paper-dropdown-menu> >>>>>> >>>>>> Can I do it ? or how can I fill paper combo boxes with angupoly ? >>>>>> >>>>>> thanks! >>>>>> >>>>>> On Thursday, October 16, 2014 4:37:31 PM UTC-3, Eric Bidelman wrote: >>>>>>> >>>>>>> Angular doesn't understand 2-way bindings to attributes. You need >>>>>>> something like https://github.com/matjaz/angu-poly to get this >>>>>>> working. >>>>>>> >>>>>>> On Thu, Oct 16, 2014 at 12:30 PM, <[email protected]> wrote: >>>>>>> >>>>>>>> Hi, >>>>>>>> >>>>>>>> I have a code like this >>>>>>>> >>>>>>>> >>>>>>>> <form ng-controller="MyController"> >>>>>>>> ... >>>>>>>> <paper-radio-group selected="opt1" id="options"> >>>>>>>> <paper-radio-button name="opt1" >>>>>>>> label="A" >>>>>>>> ng-model="myValue"></paper- >>>>>>>> radio-button> >>>>>>>> <paper-radio-button name="opt2" >>>>>>>> label="B" >>>>>>>> ng-model="myValue"></paper- >>>>>>>> radio-button> >>>>>>>> </paper-radio-group> >>>>>>>> <paper-button ng-click="saveValues()">Continue</paper-button> >>>>>>>> ... >>>>>>>> </form> >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> I want to make the binding between the controller values and the >>>>>>>> polymer elements. But I was not able to make it work. Using the >>>>>>>> previous >>>>>>>> code when I click on the paper-button the var myValue never has the >>>>>>>> paper-radio value selected. I try >>>>>>>> >>>>>>>> Enter cod<paper-radio-group selected="{{myValue}}" id="options">e >>>>>>>> here... >>>>>>>> >>>>>>>> But I does not work >>>>>>>> >>>>>>>> My Angularjs controller es a very basic one >>>>>>>> >>>>>>>> angular.module('myApp') >>>>>>>> .controller('MyController', function ($scope) { >>>>>>>> >>>>>>>> $scope. myValue ='op2'; >>>>>>>> >>>>>>>> $scope. saveValues = function() { >>>>>>>> console.log($scope. myValue); >>>>>>>> }; >>>>>>>> >>>>>>>> }); >>>>>>>> >>>>>>>> >>>>>>>> Any idea what I'm doing wrong ? >>>>>>>> >>>>>>>> Best >>>>>>>> Ignacio >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> Follow Polymer on Google+: plus.google.com/107187849809354688692 >>>>>>>> --- >>>>>>>> You received this message because you are subscribed to the Google >>>>>>>> Groups "Polymer" group. >>>>>>>> To unsubscribe from this group and stop receiving emails from it, >>>>>>>> send an email to [email protected]. >>>>>>>> To view this discussion on the web visit >>>>>>>> https://groups.google.com/d/msgid/polymer-dev/b5aa6b78- >>>>>>>> 1ec7-4337-9c61-e3b5e917e932%40googlegroups.com >>>>>>>> <https://groups.google.com/d/msgid/polymer-dev/b5aa6b78-1ec7-4337-9c61-e3b5e917e932%40googlegroups.com?utm_medium=email&utm_source=footer> >>>>>>>> . >>>>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>>>> >>>>>>> >>>>>>> >>> Follow Polymer on Google+: plus.google.com/107187849809354688692 >>> --- >>> You received this message because you are subscribed to the Google >>> Groups "Polymer" group. >>> To unsubscribe from this group and stop receiving emails from it, send >>> an email to [email protected]. >>> To view this discussion on the web visit >>> https://groups.google.com/d/msgid/polymer-dev/CAGwniLrJ99uX%2BLNmQWvvZMZFoD8dJn9Y8wsf_omMDD4aYjeukw%40mail.gmail.com >>> >>> <https://groups.google.com/d/msgid/polymer-dev/CAGwniLrJ99uX%2BLNmQWvvZMZFoD8dJn9Y8wsf_omMDD4aYjeukw%40mail.gmail.com?utm_medium=email&utm_source=footer> >>> . >>> >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> > Follow Polymer on Google+: plus.google.com/107187849809354688692 --- You received this message because you are subscribed to the Google Groups "Polymer" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/673fdaf9-fee2-4452-812a-aad7d55e5e98%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
