Ignite UI for Angular 製品では、タッチジェスチャに対応するために Hammer.js ライブラリを利用します。このため、製品利用には Hammer.js のインストールと参照追加が必要となります。

アプリケーションに Hammer.js をインストールしないと、アプリケーション実行時に次のようなエラーが出力されて製品機能が適切に動作しません。

IgxGridRowComponent.html:37 ERROR ReferenceError: Hammer is not defined
at new HammerGesturesManager (igniteui-angular.js:50691)
at createClass (core.js:22152)
at createProviderInstance$1 (core.js:22135) at createProviderInstance (core.js:22012) at createViewNodes (core.js:23242) at createEmbeddedView (core.js:23163) at callWithDebugContext (core.js:24177) at Object.debugCreateEmbeddedView as createEmbeddedView at TemplateRef.push../node_modules/@angular/core/fesm5/core.js.TemplateRef_.createEmbeddedView (core.js:21744)
at ViewContainerRef_.push../node_modules/@angular/core/fesm5/core.js.ViewContainerRef_.createEmbeddedView (core.js:21610)

アプリケーションに Hammer.js を組み込むには、次の手順を実施します。

Hammer.js のインストール

npm install hammerjs

Hammer.js の参照追加

main.ts もしくは app.module.ts に hammer.js の参照を追加します。

main.ts の場合

import 'hammerjs';
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

製品について

Ignite UI for Angular