twitter-bootstrap - 将 bootstrap-web-components 安装到 polymer

Question

我正在玩 polymer 。

目标

我想使用 polymerjs 创建一个自定义元素带有封装在此自定义元素中的 Bootstrap 模式对话框。干净的解决方案似乎是使用 mike costello's bootstrap-web-components

boostrap-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>

问题

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

运行后，我得到一个 Uncaught TypeError: undefined is not a function 在 bootstrap-web-components.js 的第 13 行

谢谢您的帮助!

Answer 1

回到 2013 年创建 repo 时使用的 polymer register()这已更改为 registerElement() .我已经相应地更新了 repo 和 Bower 包。

要首先导入，请确保您的站点现在在 http://webcomponents.org 上具有 HTMLImports 和 CustomElements 填充程序。

那么你可以<link rel="import" href="dist/imports.html">
http://mikecostello.github.io/bootstrap-web-components 的工作示例查看源代码