Angular2 with modernizr

Question

我正在学习angular2并使用ng2-bootstrap构建我自己的自定义组件.我想使用modernizer来检测浏览器本身支持的表单输入.

我正在使用webpack来构建我的项目.我已经成功配置了它.

我到现在所做的是:

---

1. 安装npm install -g modernizr
2. 下载了仅检查表单输入的modernizr-custom.js.
3. 下载了modernizr-config.json
4. 我做了modernizr -c modernizr-config.json来获取要使用的js file.ow

---

我不知道如何在我自己的自定义组件中使用Modernizr.inputtypes.date？我们如何在组件中访问Modernizr变量？

任何帮助深表感谢.

Answer 1

按照步骤 -

1. 将Modernizr的类型定义放入您的项目文件夹中。

2. 将modernizr.js放入您的项目中，并使用相对路径（例如-import'./Lib/modernizr.js';）在任何组件中访问它；

做完了！您应该能够使用modernizr来检测浏览器功能支持。

Answer 2

您只需将 Modenrizr 文件包含在您的页面中，位于任何角度代码之上。它将在页面上注册自己，您将能够访问全局Modernizr对象。无需进一步整合