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. 将type definition of Modernizr放入项目文件夹。

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

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

Answer 2

您只需要在页面中包含Modenrizr文件，在任何角度代码上方。它将在页面上注册，您将能够访问全局Modernizr对象。没有进一步的整合应该是nessecary

Answer 3

像下面一样在ts文件中导入modernizr并使用它：）

import * as Modernizr from 'modernizr';