angular-ui-bootstrapangle-ui-bootstrapを使い始める

備考

インストールまたはセットアップ

角形のブートストラップの公式サイトはこちらです。

以下の指示に従ってください。ダウンロードされるファイルのリストはこのリンクにあります

すべての参照をこの順序で含めます。

1. angular.js
2. angular-animate.js
3. ui-bootstrap-tpls-2.2.0.js（UIブートストラップ参照）
4. angular-sanitize.js

注意：

• 上記のすべてのスクリプトが上記の順序で参照および実行されることが重要です。

これらのファイルを参照するためのCDNのリンク

//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js
//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.js
//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-sanitize.js
//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.2.0.js
 

あなたのモジュールにui-bootstrapの依存関係を注入します。

angular.module('myApp', ['ui.bootstrap']);
 

あなたのモジュールは、angle-ui-bootstrapで動作するように設定されています。

一般的なエラー：

1. [$ injector：modulerr]

   溶液：

• スクリプトファイルが含まれていることを確認する
• CDN参照の場合は、これらのスクリプトを含めるためにhttpまたはhttpsを使用するリンクの前に//を含める必要があります。

2. コンポーネントが表示されないか、動作が期待どおりに行われません。

   溶液：

• 対応するディレクティブの必須設定がコントローラで使用可能であることを確認します。

PDF - Download angular-ui-bootstrap for free