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 o que no lo vaya a solucionar?
 - ¿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