安裝或設定

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 中提供相應指令的強制設定。