Fatal编程技术网
  • angularjs/
  • Angularjs 聚合物|如何在铁组件页面上加载多个源？

Angularjs 聚合物|如何在铁组件页面上加载多个源？

angularjs model-view-controller backbone.js polymer

Angularjs 聚合物|如何在铁组件页面上加载多个源？,angularjs,model-view-controller,backbone.js,polymer,web-component,Angularjs,Model View Controller,Backbone.js,Polymer,Web Component,我们可以在iron组件页面上加载多个源来生成演示文档吗。 例如： <iron-component-page sources='["page1.html", "page2.html","page3.html"]'></iron-component-page> 提前感谢。创建一个文件all imports.html，然后在index.html文件的src属性中使用它 all-imports.html <link rel="import" href="page1.h

我们可以在iron组件页面上加载多个源来生成演示文档吗。 例如：

<iron-component-page sources='["page1.html", "page2.html","page3.html"]'></iron-component-page>
提前感谢。

创建一个文件
all imports.html
，然后在index.html文件的
src
属性中使用它

all-imports.html

<link rel="import" href="page1.html">
<link rel="import" href="page2.html">
<link rel="import" href="page3.html">
index.html

<html>
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>paper-input</title>

  <script src="<>/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="<>/iron-component-page/iron-component-page.html">

</head>
<body>

  <iron-component-page src="all-imports.html"></iron-component-page>

</body>
</html>


纸张输入
从“组件/纸张输入”包中获得灵感，该包包括“纸张输入”元素，但包括“纸张输入容器”、“纸张输入行为”。。。还有

您必须用文档完整的
src
属性替换所需的
sources='[“page1.html”、“page2.html”、“page3.html”]
，以这种方式引用全新的文件
all imports.html

yourpage.html

    ...
    <link rel="import" href="../iron-component-page/iron-component-page.html">
    </head>
    <body>
    ...
      <iron-component-page src="all-imports.html"></iron-component-page>
    ...
类似于斯瑞克所写的

注意：左上角的元素下拉列表，可能也会出现页面子元素文档（在任何情况下）

一件事是，当我现在有多个文档时，我的行为元素的演示页面不会出现。这里有什么我可能遗漏的吗？@DavidDouglas，您可以指定您的演示在
中的位置。所以它看起来像
。可以在每个导入的零部件文件中执行此操作
将拾取
@
符号并执行它的神奇操作。特别是
@demo
html注释。还有一些
@
注释需要注意，它们也有不同的魔力。查看聚合物网站上的“编写元素文档”部分。。。另一个很好的资源是本文档风格指南： 
    <link rel="import" href="page1.html">
    <link rel="import" href="page2.html">
    <link rel="import" href="page3.html">