正在将 bootstrap-web-components 安装到 polymer

Question

我在玩polymerjs

目标

我想使用 polymerjs with bootstrap modal dialog encapsulated in this custom element. The clean solution seems to be to use mike costello's bootstrap-web-components

创建自定义元素

助推器-modal.html

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/bootstrap-web-components/dist/imports.html">

<polymer-element name="bootstrap-modal" attributes="script css">
    <template>
        <bs-modal title="Title" show="false">
            Dialog Contents
        </bs-modal>
    </template>

    <script>
    </script>
</polymer-element>

问题

我使用 bower 安装库。我的项目有根 Polymer，在这个文件夹中有 index.html 文件、bower.json 文件和文件夹 bower_components。我的 bootstrap 和 bootstrap-web-components 文件夹位于 bower_components 文件夹中。我仅在自定义元素中导入 bootstrap-web-components imports.html 文件。

运行后，我在 bootstrap-web-[=53= 的第 13 行收到 Uncaught TypeError: undefined is not a function ]

感谢您的帮助！

Answer 1

回购在 2013 年创建时使用的聚合物 register() 现在已更改为 registerElement()。我相应地更新了 repo 和 Bower 包。

首先要导入，请确保您的网站现在在 http://webcomponents.org

上有 HTMLImports 和 CustomElements polyfill

那你可以<link rel="import" href="dist/imports.html">

有关工作示例，请在 http://mikecostello.github.io/bootstrap-web-components

查看源代码

正在将 bootstrap-web-components 安装到 polymer

Installing bootstrap-web-components to polymer

twitter-bootstrap

polymer

bower-install