在“聚合物入门”页面上,我们看到了一个正在使用的聚合物示例:
<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>
您会注意到<x-foo></x-foo>
,由platform.js
和定义x-foo.html
。
似乎这等效于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) {
}
};
});
两者有什么区别?
Polymer解决了AngularJS没有或没有的哪些问题?
将来是否有计划将Polymer与AngularJS联系在一起?
AngularJS 指令是一种用于制作自定义元素的方法。您可以使用自定义属性定义新的自定义标签。Polymer也可以做到这一点,但它会以一种有趣且更简单的方式进行工作.Polymer实际上并不是一个框架,它只是一个库,而是一个功能强大而令人惊叹的库,您可以爱上它(像我一样)。Polymer让您学习由w3c开发的本机Web组件技术,该Web浏览器最终会实现该技术。Web组件是未来的技术,但是Polymer让您现在就使用该技术。GooglePolymer是一个提供语法糖和polyfill用于构建的库元素和带有Web组件的应用程序。请记住,我说的Polymer不是框架,而是库。但是当您使用Polymer时,实际上您的框架是DOM。这篇文章是关于angular js ver 1和polymer的,我一直与他们一起工作是我的项目,我个人更喜欢Polymer而不是angularjs。但是Angular版本2与angularjs ver 1的比较完全不同。angular2中的指令具有不同的含义。