本篇文章给大家分享的是有关如何在节点。js中引入UIBootstrap,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
<>强安装强>
最小安装需要:
- <李>
ui-bootstrap-tpls
李> <李>angular-animate
李> <李>引导CSS文件
李> <李>引导CSS需要的字体文件glyphicons-halflings-regular.woff
李>我选择带模板的ui-bootstrap库,即带角度的,这种版本的库,模板与指令混在一起了,不能自定义模板和样式。如果你要自定义外观,那就下载不带角度的.Build好的文件可以在这里https://github.com/angular-ui/bootstrap/tree/gh-pages构建文件下载,选你喜欢的好了。
0.13.x版本的界面引导要求角1.3.x或1.4.x。我使用0.13.3版本的界面引导,3版本的AngularJS及angular-animate。
3的角及动画组件,都可以到这里下载:https://code.angularjs.org/1.4.3/4虿豢头交騐PN。
引导的CSS文件,这里可以下载:http://www.bootstrapcdn.com/W痔逦募雀枰幌驴梢韵略氐?或者http://code.taobao.org/svn/mczg/trunk/mczg/WebRoot/bootstrap/fonts/glyphicons-halflings-regular.woff。
都下载后,需要处理一下。
- <李>
angular-1.4.3.min.js,这个之前就说过了,放在公共/javascripts目录下。
李> <李>angular-animate-1.4.3.min.js(不是这个名字的就改成这样),放在公共/javascripts目录下。
李> <李>ui-bootstrap-tpls-0.13.3.min.js(不是这个名字的就改成这样),放在公共/javascripts目录下。
李> <李>bootstrap-3.1.1.min.css(不是这个名字的就改成这样),放在公共/样式表目录下。
李> <李>glyphicons-halflings-regular。woff(不的是这个名字的就改成这样),在公共目录下新建一个字体目录、放进去
李>好的,手动安装基本就绪了。
<强>使用UI引导组件强>
为了使用UI引导,要引入三个js文件,一个css文件. html模板大概是这样的:
& lt; ! DOCTYPE html> & lt; html  ng-app=癿yApp"祝辞 ,& lt; head> & lt;才能meta charset=癠TF-8"比; & lt;才能link rel=皊tylesheet" https://www.yisu.com/zixun/, href="/样式表/bootstrap-3.1.1.min.css”rel=巴獠縩ofollow”rel="外部nofollow”> >头 身体<> …