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中提供相应指令的强制设置。