论坛首页 Web前端技术论坛

yeoman构建的angular项目中正确引入angular-ui-bootstrap

浏览 3603 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2014-10-13  

yeoman 构建的angular项目中需要引入ui-bootstrap

使用命令 bower search ui-bootstrap得到以下结果:

Search results:

 

    angular-ui-bootstrap-bower git://github.com/angular-ui/bootstrap-bower

    angular-ui-bootstrap git://github.com/angular-ui/bootstrap.git

    jquery-ui-bootstrap git://github.com/gustavohenke/jquery-ui-bootstrap

    jqueryuibootstrap git://github.com/addyosmani/jquery-ui-bootstrap.git

    ui-bootstrap git://github.com/angular-ui/bootstrap.git

    angular-ui-bootstrap3 git://github.com/kkruit/angular-ui-bootstrap3-bower.git

    angular-ui-bootstrap-complete git://github.com/datapad/bower-angular-ui-bootstrap-complete.git

    angular-ui-bootstrap3-patched git://github.com/digiwise/angular-ui-bootstrap3-patched.git

    dt-angular-ui-bootstrap git://github.com/keesey/dt-angular-ui-bootstrap

    addyosmani-jquery-ui-bootstrap git://github.com/addyosmani/jquery-ui-bootstrap.git

    ui-bootstrap-alerts git://github.com/tandibar/ui-bootstrap-alerts.git

    jquery-ui-boostrap git://github.com/addyosmani/jquery-ui-bootstrap.git

    angular-ui-bootstrap-tmonsen86 git://github.com/tmonsen86/bootstrap.git

    ui-bootstrap-accordion git://github.com/pheuter/ui-bootstrap-accordion-bower

    angular-ui-bootstrap-datetimepicker git://github.com/zhaber/datetimepicker.git

    xui-bootstrap git://github.com/spxis/xui-bootstrap.git

    angular-ui-bootstrap-affix git://github.com/mohebifar/angular-ui-bootstrap-affix.git

 

可以看到ui-bootstrap有多个源,测试过ui-bootstrap和angular-ui-bootstrap(两个的路径是一个),发现grunt build的时候wiredep不能自动把ui-bootstrap的js注入到index.html中,后来引入angular-ui-bootstrap-bower(命令:bower install anguar-ui-bootstrap-bower --save),发现成功注入。

 

分析原因:

angular-ui-bootstrap-bower 安装后的, bower_components\angular-ui-bootstrap-bower\bower.json里面有一条配置:"main": ["./ui-bootstrap-tpls.js"],”,另外两个引入后都没有这条配置,估计wiredep是通过这条配置来决定从这个库引入哪个js文件的。

 

另外,ui-bootstrap包含两个js,一个是ui-bootstrap.js,一个是ui-bootstrap-tpls.js,两个文件的区别是前者使用了默认的bootstrap样式,后者可以通过更改template文件夹下的html模版来自定义样式。

   发表时间:2015-08-12  
说到Angular JS
刚读到一片美国构架师的文章
关于使用Angular JS在Microsoft平台上进行编程,达到高效web管理
这个平台免费使用的
下载地址:http://www.asp.net/
请表叫我雷锋!
我手痒,顺带把那文章译啦 !博客里有http://www.iteye.com/topic/1141273
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics