Angular專案中想要引入第三方外掛,需要怎麼做?
方法1:
- 在.angular-cli.json 檔案中找到script欄位,在陣列中新增要引入的所有js檔案
“script” :[“...”]
- 在需要用該外掛的元件中--.ts 檔案中 做如下宣告: declare var $ : any;
- 在ngOnInit方法中就能正常用外掛了
方法2:在index.html頁面中引用
- 在根目錄的index.html頁面中新增如下引用:
<script src=”....”></script>
- 在需要用該外掛的元件中(.ts檔案中)做如下宣告:declare var $:any;
- 在ngOnInit方法中就能正常用外掛了
方法3:在具體元件中import外掛
- 在需要用到外掛的ts檔案中新增如下引用:
Import “xxxxx.js”;
- 在需要用該外掛的元件中(.ts檔案中)做如下的宣告:declare var $ : any;
- 在ngOnInit方法中就能正常用外掛了
三種方法的區別:
- 前兩種方式需要重啟服務才能有效果,第三種方法無需重啟服務,直接就能看到效果
相關推薦
Angular專案中想要引入第三方外掛,需要怎麼做?
方法1: 在.angular-cli.json 檔案中找到script欄位,在陣列中新增要引入的所有js檔案 “script” :[“...”] 在需要用該外掛的元件中--.ts 檔案中 做如下宣告: declare var $ : any; 在ngOnIni
在 Angular 專案中新增 i18n 外掛 ngx-translate
摘要:本文將介紹在 Angular4 專案中配置 ngx-translate i18n 國際化元件 npm 安裝 ngx-translate 模組 npm install @ng
在 Angular 專案中新增外掛 ng-bootstrap
摘要:本文將介紹在 Angular4 專案中配置 ng-bootstrap npm 安裝 ng-bootstrap 模組 npm install @ng-bootstrap/ng-b
java正則表達式匹配文本中想要的字符串
本地文件 則表達式 red mpi col ade cnblogs ges div 需求:獲取一個本地文件中所有符合 $[MAKE_PACKAGE] 格式的字符串,並輸出到另一個文件中. public static void main(String[] args) thr
怎樣從生產數據庫中獲得想要的查詢語句,把結果集批量插入到磁盤txt文件中
txt第一步:建立存儲過程 實現傳入參數,生成結果到磁盤的txt文件中;USE [XXXXX]GO/****** Object: StoredProcedure [dbo].[Proc_sql_to_file] Script Date: 2018/5/13 15:47:10 ******/S
【JAVA】在SpringBoot 專案中 利用maven 的generate外掛
使用maven 外掛 generate生成MyBatis相關檔案 在專案中增加 maven 依賴 - mybatis-spring-boot-starter - mysql-connector-java - mybatis-generator-maven-plugin 外掛 自
vue狀態管理vuex使用之專案中如何合理引入vuex
在前端開發過程中,狀態的管理是一件很令人頭疼的事情。尤其是在專案中,涉及同一狀態的元件越多,在元件狀態管理上,通過父子元件之間通訊來更新狀態將變的複雜。Vue專案開發過程中,藉助vuex進行狀態管理將極大的減輕我們在開發過程中對於元件狀態的維護。 vuex: vuex 是一個專為 Vue.j
thinkphp下如何引入第三方外掛
thinkphp下如何引入第三方外掛 今天要做一個上傳檔案的功能 ,需要 將上傳的內容需要讀取出來,這就需要用到phpExcel外掛,結果死活都引入不進去,鬱悶了一個下午。 最後發現tp5已經自定義了一些常量 可以直接使用: 我將外掛放在extend目錄 下,引入 的時候需要 如下程式碼:
Java進階面試系列之一:哥們,你們的系統架構中為什麼要引入訊息中介軟體?
歡迎關注個人公眾號:石杉的架構筆記(ID:shishan100) 週一至週五早8點半!精品技術文章準時送上! “ 這篇文章開始,我們把訊息中介軟體這塊高頻的面試問題來給大家說一下,也會涵蓋一些MQ中介軟體常見的技術問題。假如說面試官看你簡歷裡寫了MQ中介軟體的使用經驗,很可能會有如下的問題:你們公司生產
系統架構中為什麼要引入訊息中介軟體?
“在本文的開頭,我們將討論訊息中介軟體的高頻訪問問題,它也將涵蓋MQ中介軟體的一些常見技術問題。如果面試官看了你的簡歷中使用MQ中介軟體的經歷,可能會有以下問題:在你的公司的生產環境中使用了什麼訊息中介軟體?為什麼要將訊息中介軟體引入系統?引入訊息中介軟體的優點和缺點是什麼?好,讓我們逐一分析。
Nuxt引入第三方外掛的方法 比如jQuery
使用npm安裝 npm install --save jquery 1. nuxt.config.js 中進行配置 const webpack = require('webpack') module.exports = { build: {
在專案中使用js的提示外掛toastr
1、在這個專案中引入js檔案,例如Yii2框架中在AppAsset檔案中引入公共的js檔案,這樣就可以在全域性中使用該功能 2、配置toastr的資訊 toastr.options = { "closeButton": true, "debug": false,
ionic3 引入第三方外掛
[1]放置檔案 把引入的檔案放到www下的assets目錄下,這裡引入的檔案在重新編譯過程中是不會被覆蓋的,所以引入檔案放到這裡 [2]引入檔案
maven專案中的使用分頁外掛PageHelper
1.Maven專案中使用PageHelper分頁外掛需要引入maven中的依賴,下載地址為http://mvnrepository.com,在搜尋框中輸入PageHelper,按照需要拷貝進需要版本的依賴例如:<!-- https://mvnrepository.com
uiautomator中相同控制元件名該如何獲取想要的控制元件,instance(0)區分佈局一樣的控制元件
大家在使用uiautomator測試開發中肯定遇到一樣佈局、連控制元件ID都一樣的情況,我們該如何去獲取?舉例:以下如圖的所有介面開關(圖片可能載入不出來,大家請自行想象下),所有控制元件顯示名稱都是一樣的,就index有區別,假如我們要開關NFC開關,我們肉眼可以去判斷,但
vue-cli專案中使用其他庫或外掛方法
// 在開頭引入webpack,後面的plugins那裡需要 var webpack = require('webpack') // resolve module.exports = { // 其他程式碼... resolve: { extensions: ['', '.js', '
如何在Vue專案中優雅的使用swiper外掛
開始之前,請先確保有一個基於webpack模板的專案(vue-cli腳手架一鍵安裝~)1.npm命令安裝swipernpm install swiper --save-dev2.在需要用到swiper外
如何在Vue專案中正確的引入JQuery
操作方法 安裝jquery依賴 npm install jquery --save 修改兩處配置檔案(測試vue版本為2.5) // 整體位置 m
如何在vue中引入第三方jquery,swiper等庫(一)
以前習慣性是引用jQuery,bootstrap。。。庫,但是不會引用,怎麼辦? npm install swiper--save-dev (或者 npm install jquery -D) 一 .引入swiper(全域性,區域性) 方法一:全
vue-cli引入第三方外掛
在用vue-cli我們引入js的時候一般都import語法,但是有時候我想要引入第三方外掛,比如說,我們把一個js檔案下載下來了,然後放在src/assets/js下,然後我們用import引入,這樣明顯是會出錯的,因為下載的JS檔案根本就沒有用export語法