如何在Angular2-cli中使用插件(不使用配置)

简介:

     重要点:

            要把插件放在src/assets文件中

        如何在angular-cli中使用jquery插件

                a.在index.html中引入

<script  src="./assets/jquery-1.8.3.min.js"></script>

                b. 在要使用jquery的组件中声明(XX.component.ts)

                    declare var $ : any;

                c.导入onInit

                    import { OnInit} from '@angular/core';

                d.输入的组件实现onInit接口

                    export class AppComponent implements OnInit 

                e.实现ngOnInit()方法

                    ngOnInit(){

                    }

                f.在ngOninit()中打印出$

      ngOnInit(){

                console.log($);

                        }

控制台没有报错,输入了内容--------------------->引入jquery插件成功.

    其他插件也差不多是这个步骤。

        声明这一步,不一样

       插件特有的对象。需要声明-

            例如----layDate

            declare var laydate : any;

      没有特有对象的插件,不需要声明


本文转自 沉迷学习中 51CTO博客,原文链接:http://blog.51cto.com/12907581/1964401,如需转载请自行联系原作者
相关文章
|
JavaScript 前端开发 应用服务中间件
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
380 0
|
SEO 搜索推荐 数据采集
让 JSF 应用秒变搜索引擎宠儿!揭秘 SEO 优化的神奇魔法,让你的网站脱颖而出!
【8月更文挑战第31天】随着互联网的发展,搜索引擎已成为用户获取信息的主要途径,SEO 对 Web 应用至关重要。本文介绍如何提升 JavaServer Faces(JSF)应用的 SEO 友好性,包括关键词优化、网页结构优化和外部链接建设等基础知识,并提出了使用语义化 HTML 标签、优化页面标题和描述、生成静态 HTML 页面及 URL 重写等具体策略,帮助您的网站在搜索引擎中获得更高排名。
142 0
|
前端开发 JavaScript 开发者
Angular与Webpack协同优化:打造生产级别的打包配置——详解从基础设置到高级代码拆分和插件使用
【8月更文挑战第31天】在现代前端开发中,优化应用性能和加载时间至关重要,尤其是对于使用Angular框架的项目。本文通过代码示例详细展示了如何配置Webpack,以实现生产级别的打包优化。从基础配置到生产环境设置、代码拆分,再到使用加载器与插件,每个步骤都旨在提升应用效率,确保快速加载和稳定运行。通过这些配置,开发者能更好地控制资源打包,充分发挥Webpack的强大功能。
587 0
|
C++
【angular】启动项目和路由配置
【angular】启动项目和路由配置
114 1
|
JavaScript API 开发者
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
虽然Angular.js停止更新已经一年了,但依赖它的上古时代的项目并不少。由于都是使用js开发,很难为其提供很好的维护,所以直到今天开发维护也并不愉快。可以说没有开发插件的支持,再成熟老练的框架都发挥困难。
418 0
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
|
JavaScript
Angular1.x的自定义指令directive参数配置详细说明
Angular1.x的自定义指令directive参数配置详细说明
|
数据安全/隐私保护
Angular最新教程-第八节 路由一(路由配置)
Angular最新教程-第八节 路由一(路由配置)
347 0
Angular最新教程-第八节 路由一(路由配置)
|
前端开发 JavaScript
angular集成第三方插件
Simply install your library via npm install lib-name --save and import it in your code.
1000 0
|
前端开发 JavaScript CDN
angular-cli.json常见配置
{ "project": { "name": "angular-questionare", "ejected": false // 标记该应用是否已经执行过eject命令把webpack配置释放出来 }, "apps": [...
1134 0