Skip to main content
replaced http://stackoverflow.com/ with https://stackoverflow.com/
Origen Enlace

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?What is the difference between Polymer elements and AngularJS directives?

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?

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?

extraccion de lo siguiente ->..... o que no lo vaya a solucionar? pues creo que puede dar lugar a opiniones
Origen Enlace

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 o que no lo vaya a solucionar?
  • ¿Existe algún plan parapara unir Polymer con AngularJS en el futuro?

Pregunta original: What is the difference between Polymer elements and AngularJS directives?

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 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?

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?

Origen Enlace

¿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 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?