使用できるようになります。クラスを「拡張」しています。Wijmoコンポーネントは、コントロールクラスを拡張し、Angularテンプレートマークアップでコントロールを使用できるようにするために必要な機能を追加し、完全に機能する一方向/双方向のプロパティ連結およびイベント連結を備えています。Angularコンポーネント、そしてAngular自体がすべて同じTypeScript言語で記述されているため、この統合はスムーズです。Angularコンポーネントは、コアライブラリパッケージごとに1つのnpmパッケージのセットとして出荷され、名前には「angular2」という単語が含まれています。"wijmo.angular2.grid"パッケージは、コアの"wijmo.grid"パッケージのコントロールのコンポーネントを表します。パッケージは別々にインストールすることも、"@grapecity/wijmo.angular2.all"グループパッケージを使ってまとめてインストールすることもできます。npmパッケージの詳細については、「npmによるWijmoの参照」トピックを参照してください。その後、ESMのimportステートメントを使用してモジュールをインポートできます。次のimport文は"wijmo.angular2.grid"モジュールの内容をインポートします。Angularモジュールをインポートし、モジュールに含まれるコンポーネントやディレクティブを使用できます。次のコードは、MyCmpコンポーネントのテンプレートにWjFlexGridコンポーネントを追加し、追加したグリッドへの参照をflexプロパティに設定します。NgModuleが含まれます。NgModuleへの参照を追加するだけで、NgModuleコンポーネントのテンプレートでこれらのコンポーネントを使用できます。NgModuleの名前は、JavaScriptモジュール名と次のスキーマを使用して構成されます。NgModuleになります。テンプレートマークアップで使用されます。使用する必要があります。コアモジュールの名前は、対応するAngular相互運用モジュール名から「angular2」を省略した名前と同じです。次のコードは、コードでFlexGridコントロールを作成します。FlexGrid('#host_element');WjFlexGridコンポーネントではなくFlexGridコントロールを、「@grapecity/wijmo.angular2.grid」ではなく「@grapecity/wijmo.grid」モジュールからインポートします。使用されているモジュールローダーとモジュールバンドラーにWijmoがよく適合していることを確認します。WebPackここで必要な手順は、wijmo.cssファイルをバンドルに含めることだけです。ファイルはwijmo.stylesパッケージに含まれており、アプリケーションのCSSに使用する標準的なWebPackの方法を使用してインクルードする必要があります。'style!css!@grapecity/wijmo.styles/wijmo.css';style-loaderとcss-loaderをアプリケーションのpackage.jsonファイルの「devDependencies」オプションに追加する必要があります。.jsファイルにマップする必要があります。それには、次の設定オプションを追加してSystem.configメソッド呼び出しに渡します。アプリケーションの作成」ブログを参照してください。Angularコンポーネントは、テンプレートマークアップでコンポーネントを指定するために、一貫した命名規則を使用します。コンポーネントに使用されるHTML要素名と属性名は、以下の単純なルールを使用しており、コンポーネントクラスやメンバ名から容易に推測できます。Wijmoコンポーネントを表すHTML要素名は、小文字ハイフン構文を使用して指定されます。WjInputNumberコンポーネントは、wj-input-numberになります。Wijmo属性**ディレクティブ**には、キャメルケース形式のクラス名が使用されます。最初の文字が小文字のクラス名になります。**WjFlexGridCellTemplate**ディレクティブは、**wjFlexGridCellTemplate**属性を使用して定義されます。Wijmoコンポーネントのプロパティおよびイベントを表す属性の名前は、コンポーネントクラスインタフェースから公開されているプロパティおよびイベントの名前と正確に同じです。プロパティ名は、一方向連結の場合は角かっこで囲み(**[isReadOnly]**など)、双方向連結の場合は角かっことかっこで囲みます(**[(value)]**など)。イベント名は、かっこで囲みます(**(valueChanged)**など)。連結式は、代入先のプロパティタイプと同じ型の値として評価されます。上の例の**format**文字列型プロパティには、文字列リテラルを表す一重引用符で囲まれた**'n0'**が代入されています。引用符を省略して単に**n0**を指定した場合、この式はプロパティ名として処理されます。同様に、**isReadOnly**ブール値プロパティは**true**に連結されていますが、引用符はありません。**true**はブール値型の定数であり、一重引用符で囲まれた**'true'**は文字列リテラルを表すからです。イベント連結の詳細Wijmoイベントハンドラは、送信元とイベント引数の2つのパラメータを持つ関数として定義されます。Angularの**EventEmitter**実装は、イベントイニシエータからサブスクライバに1つだけパラメータを渡すことができ、これには、テンプレートマークアップの**$event**ローカル変数の値としてアクセスできます。Wijmoイベントは、このパラメータにイベント引数を渡します。hereTypeScript/JavaScriptコードでWijmoコントロールイベントをサブスクライブするときのように、イベントハンドラで送信元も受け取る場合は、コンポーネントにローカルテンプレート変数を追加し、それをイベント引数と共にイベントハンドラに渡すだけです。Angularコンポーネントには、コントロールがページに追加されて初期化された後に発生する「initialized」イベントがあります。このイベントを使用して、マークアップでプロパティを設定するほかに、追加的な初期化を実行できます。会社情報お問合せプライバシーポリシ。