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?