Question

我正在玩聚合物。

目标

我想使用polymerjs创建一个自定义元素，并在此自定义元素中封装bootstrap模式对话框。干净的解决方案似乎是使用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-components.js的第13行找到未捕获的TypeError：undefined不是函数

感谢您的帮助！

Answer 1

当2013年使用register()聚合物创建回购时，已将其更改为registerElement()。我已相应更新了repo和Bower包。

要首先导入，请确保您的网站包含HTMLImports＆amp; CustomElements polyfills现在位于http://webcomponents.org

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

对于http://mikecostello.github.io/bootstrap-web-components

的工作示例视图源

将bootstrap-web-components安装到聚合物上

1 个答案: