用于聚合物 0.8 的 Yeoman 聚合物

Yeoman Polymer for Polymer 0.8

我正在使用 Yeoman 搭建我的 Polymer 项目的脚手架。我将 Polymer 和其他一切升级到 0.8-preview，应用程序停止工作。

我应该对应用程序做哪些更改才能使 0.8-preview 正常工作？

首先，您不应该在没有仔细检查变更日志的情况下将第 3 方代码升级到 preview 版本。一般。

在自称是1.0候选版本的0.8中，实际上已经发生了变化everything。例如。 polymer-element 被 dom-module 取代。等等

你的问题的答案是：你应该回滚到 0.5，除非你真的想从头开始重写你的代码。

以下是我从 Polymer 0.5 到 0.8 的转换过程的笔记。

聚合物元素到dom-模块
聚合物元素名称
聚合物元素 attribute/property 驼峰式到破折号式
聚合物元素属性="xxx xxxx" 添加到 javascript 属性
聚合物元素布局<polymer-element name="x-foo" layout horizontal wrap>
- 将 <link rel="import" href="../layout/layout.html"> 添加到其他导入的顶部
- 将 hostAttributes hostAttributes: {class: "layout horizontal wrap"} 添加到 Polymer({
聚合物元素从 <template> to <dom-module>

<link rel="import" type="css" href="my-awesome-button.css">

聚合物元素从 <template> 上升 <style></style> 到 <dom-module>
- 参见www.polymer-project.org/0.8/docs/devguide/local-dom.html
template repeat to is="x-repeat" and repeat= to items=（临时）
- 参见www.polymer-project.org/0.8/docs/devguide/experimental.html
template is="auto-binding" to is="x-binding" (temporary)
template if= to is="x-if" (temporary) or use diplay block or none
textContent 绑定从 <div>First: {{first}}</div> 到 <span>{{first}}</span><br>
个元素 on-click="{{handleClick}}" 到 on-click="handleClick"

聚合物元素从 <template> 上升 <style></style> 到 <dom-module>（如上所述）
- 参见www.polymer-project.org/0.8/docs/migration.html#styling