如何在Polymer 2.x中使用纸质文本区域?

时间:2018-07-20 05:24:19

标签: polymer web-component polymer-2.x paper-elements

如何让<paper-textarea>在Polymer 2.x中工作?它根本没有出现。我究竟做错了什么?可以正常工作的演示会很棒。

jsBin Demo

<!DOCTYPE html>
<html>

  <head>
    <base href="//polygit.org/components/">
    <link rel="import" href="polymer/polymer.html">
    <script src="webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="paper-input/paper-textarea.html">
  </head>

  <body>
    <paper-textarea label="Hello world"></paper-textarea>
  </body>

</html>

1 个答案:

答案 0 :(得分:1)

<paper-textarea>仍可在Polymer 2.x中使用,并且您的代码将与本地HTML导入一起使用。无法显示JSBin演示的原因是由于弃用了(和禁用了)Polygit,如http://polygit.org所示:

  

Polygit已过时,仅与Bower和Polymer 1.0&Polymer 2.0兼容。或者,使用此Glitch通过Bower加载依赖项。

您还将通过JSBin演示在控制台中发现网络故障。

您可以将<base>中的Polygit URL替换为https://cdn.rawgit.com/download/polymer-cdn/2.6.0.2/lib/,以使其正常工作:

<!DOCTYPE html>
<html>

  <head>
    <base href="//cdn.rawgit.com/download/polymer-cdn/2.6.0.2/lib/">
    <link rel="import" href="polymer/polymer.html">
    <script src="webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="paper-input/paper-textarea.html">
  </head>

  <body>
    <paper-textarea label="Hello world"></paper-textarea>
  </body>

</html>