Skip to main content
3 de 3
replaced http://stackoverflow.com/ with https://stackoverflow.com/

¿Cuál es la diferencia entre los "elementos" de Polymer y las "directivas" de AngularJS?

En la página de Polymer Getting Started, 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?