背景:前端代码不是经常写,最近会写一些AngularJS,遇到了若干问题在此一并记录下来,一是为了加深印象,二也是为了记录下来以便下次遇到时可以查询。
1.使用AngularJS的select2组件实现多选下拉框:
![](https://img.haomeiwen.com/i12284208/612494ac9cb8abfb.png)
最开始将组件的相关js和css文件引用到了上图箭头所指1处,前台报错如下:
![](https://img.haomeiwen.com/i12284208/12baeb1186110073.png)
![](https://img.haomeiwen.com/i12284208/c52ac2e43ab6928a.png)
原因:select2中要使用app,但是app定义是在第一张截图中标记为2的js中,js引入位置错误导致找不到app
![](https://img.haomeiwen.com/i12284208/2932eb47bbc5f3d3.png)
总结:js的文件引入要注意前后依赖,例如在大多数场景下一定要先引入jQuery的js文件。
网友评论