安装或设置

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