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

angular-ui-bootstrap開始使用angular-ui-bootstrap


備註

本節概述了angular-ui-bootstrap是什麼,以及開發人員為什麼要使用它。

它還應該提到angular-ui-bootstrap中的任何大型主題,並鏈接到相關主題。由於angular-ui-bootstrap的文檔是新的,您可能需要創建這些相關主題的初始版本。

安裝或設置

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的鏈接之前包含//以包含這些腳本。
  1. 組件將不會顯示或行為不符合預期。

    解:

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