AngularJS使用Select2出现的问题

1. 目录

   报错：query function not defined for Select2 undefined

   报错：Cannot read property 'toUpperCase' of undefined

   总结：

   ---

   报错：query function not defined for Select2 undefined

引入文件：

标签内容如下：

controller.js中的方法内容如下：

存储数据的名称与标签内的“config"属性值是一致的，数据格式是 { data : [ 对象数组 ] }

一开是以为是上面js文件加载的问题，反复调整顺序，核对其他人正确的位置顺序，没有效果

直到搜索到这位老哥的博客，发现需要对存储数据的对象进行初始化操作，修改完成后：

在清除缓存，刷新，果然不报错了。但是出现了下面的问题

报错：Cannot read property 'toUpperCase' of undefined

通过搜索，有看到了这位大兄弟内容，发现好像是我的数据结构不对，对比一下

之前的Mapper.xml代码，没有给name取别名

<select id="findTemplateList" resultType="Map">
  	select id,name from tb_type_template
</select>

修改后，给name添加别名"text"

<select id="findTemplateList" resultType="Map">
  	select id,name as text from tb_type_template
</select>

修改后重新安装启动

发现成功显示

总结

1. angularJS使用select插件，要添加三个属性 

• select2
• select2-model   关联要保存的属性
• config  数据来源
• multiple  是否多选

2. 使用的数据来源需要对格式进行初始化

3. 数据源列表中的每一项，有固定格式和属性名称要求 { id : ' ' , text : ' ' }