带有现代化的Angular2

Question

我正在学习angular2，并使用NG2引导构建自己的自定义组件。我想要使用现代主义来检测表单输入，这是本机支持的浏览器。

我用webpack来建造我的项目，我已经成功地配置了它。

到现在为止我所做的是：

1. 安装npm安装-g现代化
2. 下载的现代化定制.只检查表单输入。
3. 下载了现代主义-config.json
4. 我做了现代化的-c现代化-config.json以获得一个js file.ow来使用

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

任何帮助都是非常感谢的。

Answer 1

按照以下步骤：

1. 将现代主义的类型定义放在项目文件夹中。
2. 将modernizr.js放在项目中，并使用相对路径在任何组件中访问它，如下所示： “进口”/Lib/现代化.Lib‘；

好了。您应该能够使用现代图来检测浏览器特性支持。

Answer 2

在ts文件中导入现代化，如下所示，并使用它:)

import * as Modernizr from 'modernizr'；

Answer 3

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