angular2-使用bootstrap-select插件
来源:互联网 发布:淘宝买电脑可靠吗 编辑:程序博客网 时间:2024/05/16 17:15
背景:站在巨人的肩膀上,在angular2的组件模板里用到了bootstrap-select插件,非常的爽。但是遇到了一个问题。直接进入组件页面时,bootstrap-select的插件显示完全没有问题。然而先进入登录页,在进入组件页面。bootstrap-select插件就显示的有问题了,该插件不起作用。于是探索开始了。
angualr2框架,默认只加载一个html,就是启动也index.html。同时也会加载相关的js文件。一旦index页面显示出来了,再次进入组件页面时,是不会再次运行js里的方法的。除非你显示调用了js里的方法。必须在组件初始化时显示调动下 该插件初始化的方法。然后根据angular2的特性,是先运行component文件,才是显示页面的。也就是说不能够通过class选择器,id选择器等来对页面进行操作。但是angular2这么强大的框架,怎么会忽视这个问题呢。于是用到了angular2的生命周期。点击打开链接
angular2中 组件的 ngAfterViewInit()方法。该方法在初始化完组件视图及其子视图之后会触发。所以该方法是在页面出来之后出现的。这样的话,就能够使用类选择器,id选择器等。
export class SecondExamCount implements OnInit,AfterViewInit { isInit = false;ngAfterViewInit(){ if(!this.isInit){ $('.selectpicker').selectpicker(); this.isInit = true; }}
阅读全文
0 0
- angular2-使用bootstrap-select插件
- Angular2中使用bootstrap
- ng2 angular2 使用bootstrap框架
- 基于bootstrap的select插件--bootstrap-select
- bootstrap-select selectpicker插件的使用 添加全选的问题
- bootstrap-select 使用总结
- angular2——使用swiper插件
- 使用bootstrap时间插件
- BootStrap插件使用总结
- bootstrap-datepicker插件使用
- bootstrap-select插件实现复选框
- 使用bootstrap-select插件来实现下拉菜单搜索匹配功能
- html select插件select2,bootstrap-select自定义option搜索过滤
- angular2集成ng-bootstrap
- angular2 引用bootstrap-daterangepicker
- Angular2-Bootstrap的继承
- Bootstrap js插件使用大全
- Bootstrap 分页插件的使用
- python爬虫爬取网页表格数据
- 全文检索技术 solr(三)solr安装、启动
- 生产者消费者模式
- (65)LinkLIst练习:运用LinkList方法模拟堆栈、队列
- RB_TREE 红黑树插入及删除
- angular2-使用bootstrap-select插件
- HDU 2844&& POJ 1742
- 【剑指offer】面试题 30:包含 min 函数的栈
- 线程间通信
- 华为机试:二维数组操作、公共字串计算
- 考研英语笔记——时文长难句一
- 多线程之线程局部变量ThreadLocal及原理
- C_栈和队列(ADT)-栈的表示和实现
- 刷机介绍----超详细