2016-06-29 9 views
3

私はangular2を学び、ng2-bootstrapを使って独自のカスタムコンポーネントを構築しています。ブラウザでネイティブにサポートされているフォーム入力を検出するために、近代化ツールを使用したいと考えています。Angular2 with modernizr

私は自分のプロジェクトをビルドするためにwebpackを使用しています。

私が今までやったことです:


  1. は、NPMがチェックのみのフォーム入力で-g modernizr
  2. ダウンロードmodernizr-custom.jsをインストールします。
  3. ダウンロードmodernizr-config.json
  4. 私はModernizr.inputtypesするかどうかはわからない

を使用するJS file.owを取得するためにmodernizr -c modernizr-config.jsonをしました。自分のカスタムコンポーネント内の日付?MyコンポーネントのModernizr変数にはどのようにアクセスできますか?

ご迷惑をおかけして申し訳ありません。

答えて

0

あなたの角度コードの上にあなたのページにModenrizrファイルを入れるだけでいいです。ページに自身を登録すると、グローバルModernizrオブジェクトにアクセスできます。これ以上の統合は

+0

modernizr.jsの.d.tsファイルを作成する必要があると思いますか? – Som

+0

modernizrは1つ、正しい発送しません。しかし、DefinitelyTypedは1つを提供します - https://github.com/DefinitelyTyped/DefinitelyTyped/blob/cc3d223a946f661eff871787edeb0fcb8f0db156/modernizr/modernizr.d.ts – Patrick

+0

上記のリンクをありがとう。本当に助けました。私は今、Modernizr変数を取得することができます。別の質問があります...モダリザがパーセルのサポートを検出しましたか?数字入力と同じですか? [link] http://caniuse.com/#feat=input-number。 – Som

4

は、手順に従ってくださいnessecaryべきではない -

  1. 置きプロジェクトフォルダにModernizrの型定義。 https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/modernizr/modernizr.d.ts

  2. 場所のように相対パスを使用して、プロジェクトのmodernizr.jsと任意のコンポーネント内のアクセスを - インポート」./Lib/modernizr.js';

完了!あなたは、ブラウザ機能のサポートを検出するためにmodernizrを使用することができるはずです。

+1

ではありません。定義ファイルはhttps://github.com/DefinitelyTyped/DefinitelyTyped/blob/4869992bc079b88280b9ff91213528904109e8ae/modernizr/index.d.ts – squaleLis

+0

に移動しました。こんにちは、私はmodernizr.dを入れました。クライアントフォルダにはtsがありますが、console.log(Modernizr)を置くのでModernizrへのアクセス方法はわかりませんが、定義されていません – oihi08