安裝或設定

angular-ui-bootstrap 的官方網站就在這裡 。

請按順序執行以下說明。要下載的檔案列表位於此連結中

按此順序包括所有引用。

1. angular.js
2. 角 animate.js
3. ui-bootstrap-tpls-2.2.0.js（參考 UI Bootstrap）
4. 角 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']);

你的模組設定為使用 angular-ui-bootstrap。

常見錯誤：

1. [$噴油器：modulerr]

   解：

• 確保包含指令碼檔案
• 對於 CDN 引用，你必須在使用 http 或 https 的連結之前包含 // 以包含這些指令碼。

2. 元件將不會顯示或行為不符合預期。

   解：

• 確保 Controller 中提供相應指令的強制設定。