En la página de Polymer [Getting Started][1], podemos ver un ejempo de Polymer funcionando: <html> <head> <!-- 1. Shim missing platform features --> <script src="polymer-all/platform/platform.js"></script> <!-- 2. Load a component --> <link rel="import" href="x-foo.html"> </head> <body> <!-- 3. Declare the component by its tag. --> <x-foo></x-foo> </body> </html> Date cuenta de que `<x-foo></x-foo>` viene definido por `platform.js` y por `x-foo.html`. Parece que esto es equivalente a la directiva de un modulo de AngularJS: angular.module('xfoo', []) .controller('X-Foo', ['$scope',function($scope) { $scope.text = 'hey hey!'; }) .directive('x-foo', function() { return { restrict: 'EA', replace: true, controller: 'X-Foo', templateUrl: '/views/x-foo.html', link: function(scope, controller) { } }; }); - ¿Cuál es la diferencia entre los dos? - ¿Que problemas soluciona Polymer que no haya solucionado AngularJS ? - ¿Existe algún plan para unir Polymer con AngularJS en el futuro? > Pregunta original: [What is the difference between Polymer elements and AngularJS directives?][2] [1]: https://www.polymer-project.org/0.5/docs/start/usingelements.html [2]: http://stackoverflow.com/questions/18089075/what-is-the-difference-between-polymer-elements-and-angularjs-directives