【总结】AngularJs的UI组件ui-Bootstrap

http://www.cnblogs.com/pilixiami/p/5597634.html

引入 

    <script src="/Scripts/angular.js"></script>

    <script src="/Scripts/ui-bootstrap-tpls-1.3.2.js"></script>

    <link href="/Content/bootstrap.css" rel="stylesheet" />

require('angular');
require('./ui-bootstrap/js/ui-bootstrap-tpls-1.3.2.js');
require('./ui-bootstrap/css/bootstrap.css');

require需要webpack打包

我们使用babel把es6转化为es5的时候，会把import 转化为 var _es = require('math'); 采用require引用的commomjs形式。 
浏览器端不识别requrie，nodejs环境可以识别。 
browserify和webpack都可以把require去掉，把所有的文件打包为一个文件。

注：

Angularjs的版本要在1.4.0以上(后面例子中使用的是1.5.5)，Bootstrap的版本要在3.0以上(后面例子中使用的是3.3.6)

ui-bootstrap-tpls-1.3.2.js名字中含有”tpls”，表示这个脚本是包括了指令中所用到的模板

如果需要用到动画和滑动，需要引入Angular-animate.js和Angular-touch.js文件

如果需要用到日期，货币，数字的本地化，需要引入angular-locale_zh-cn.js文件

依赖注入

angular.module('app',['ui-bootstrap'])

在定义模块的时候注入依赖

属性