Question

如何在webpack中使用angular第三方插件angular-ui-notification

Answer 1

网上找了很多教材都搜索不到该部分类型，自己测试了下写了该教程。场景说明：项目需要使用bootstrap,众所周知bootstrap没有时间日期控件的，需要使用第三方控件，我对如何在angular2中使用第三方控件比较恐慌，我项目使用angular-cli构建的。解决流程1：配置package.json添加新的依赖，然后进行update,下载新的库"jquery":"*","tether":"*","bootstrap":"*","moment":"*","eonasdan-bootstrap-datetimepicker":"*"2:配置angular-cli.json"styles":["../node_modules/bootstrap/dist/css/bootstrap.min.css","../node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css","styles.css"],"scripts":["../node_modules/jquery/dist/jquery.min.js","../node_modules/tether/dist/js/tether.min.js","../node_modules/bootstrap/dist/js/bootstrap.min.js","../node_modules/moment/min/moment.min.js","../node_modules/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"],3:在模版中使用datatimepicker插件4：在组件中对该组件进行实例化declarevar$:any;@Component({selector:"app-root",templateUrl:"bootstrap.template.html"})exportclassBootstrapComponentextendsOnInit{ngOnInit():void{$(function(){$('#datetimepicker1').datetimepicker();});}}这里注意需要声明$变量，如果你使用jquery那么声明jquery变量，如果不声明，console会有提示错误，这里的声明为什么会起作用我具体也不是很清楚，也许类似d.ts的作用吧。