Looking for angular-ui-bootstrap Answers? Try Ask4KnowledgeBase
Looking for angular-ui-bootstrap Keywords? Try Ask4Keywords

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


備考

このセクションでは、Angular-Bootstrapの概要と、なぜそれを使用したいのかについて説明します。

また、角度のあるブートストラップ内の大きなテーマについても言及し、関連するトピックにリンクする必要があります。 angular-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を使用するリンクの前に//を含める必要があります。
  1. コンポーネントが表示されないか、動作が期待どおりに行われません。

    溶液:

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