参照と基本的なマークアップ

AngularJS と Wijmo を使用して Web アプリケーションを作成するための最初の手順は、基本的なマークアップを作成し、参照を含めることです。

基本的なマークアップ

Wijmo および Angular で使用する HTML マークアップの基本的なフレームワークは、次のようになります。ここにはモデル（オプション）およびコントローラー（必須）が含まれます。以下に、このフレームワークの各要素について説明します。

基本的なフレームワーク	コードのコピー
<!DOCTYPE HTML> <HTML ng-app="MyApp"> <head> <script type="text/javascript"> var app = angular.module("MyApp", ["wijmo"]); function MyController($scope) {} </script> </head> <body ng-controller="MyController"> </body> </HTML>

基本的なフレームワーク

コードのコピー

<!DOCTYPE HTML>
<HTML ng-app="MyApp">
<head>
    <script type="text/javascript">
        var app = angular.module("MyApp", ["wijmo"]); 
        function MyController($scope) {}
    </script>
</head>
<body ng-controller="MyController">
</body>
</HTML>

<HTML> 要素内の ng-app ディレクティブは、ページを Angular アプリケーションとしてマークし、使用するモジュールを指定します（この例では「MyApp」）。
<head> 内のスクリプトでは、次の 2 つを行います。
- MyApp を作成し、Wijmo を使用するように指定します。これにより、通常必要とされるようにウィジェットを初期化しなくても、すべてのウィジェットを使用できるようになります。
- （モデルを追加する場合は、この 2 つの行の間に追加します）
- コントローラーとして、MyController を作成します。このコントローラーは、$scope パラメータを介してデータコンテキストを取得します。
<body> 要素では、ng-controller ディレクティブを使用して、ページ本文全体に MyController を割り当てます。これにより、ページのどこでも、Wijmo ウィジェットに Angular ディレクティブを使用できるようになります。<div> 要素のように、ページの一部だけ（より小さいサブセット）にコントローラーを割り当てることもできます。

参照

AngularJS コンポーネントを使用するには、jQuery、Wijmo、Angular、および Wijmo AngularJS 統合ライブラリへの参照を追加する必要があります。Angular の参照は、jQuery および Wijmo のすべての参照の後に指定しなければならない点に注意してください。上記の「基本的なフレームワーク」において、参照は <head> 内のスクリプトの前に指定します。

ドロップダウンすると、Wijmo で AngularJS を使用するために必要となるすべての参照を確認できます

基本的なマークアップ

参照

関連トピック