Source available on Github : https://github.com/shprink/angularjs-browserify-polymer-boilerplate
Two way data biding
Using Polymer and AngularJs at the same time is a bit problematic. The two way data biding (AngularJs feature) cannot natively work with Polimer web components. Some project are emerging though:
Those projects are not mature enought to use, so I decided to directly use AngularJs's resources within Polymer elements.
Using AngularJs's services within Polymer
var userService = angular.injector(['boilerplate']).get('UserService');
Polymer('user-list', {
ready: function() {
this.list = userService.getList();
},
tapAction: function(e) {
console.log('tap', e);
}
});
Using AngularJs's scope within Polymer
Polymer('boilerplate-login', {
ready: function() {
this.angularScope = angular.element(this).scope();
},
sendForm: function(){
this.angularScope.goToHome();
}
});