ts引入公共方法 angular如何引入公共JS

2021-10-13 01:14:54 字數 755 閱讀 8201

一、現象

在專案的開發中,總會用到一些公司的指令碼方法,同時,不希望在每個頁面用到時又得需要引用,有點麻煩。

二、解決

1、在src資料夾下新建資料夾 utils;

2、在utils下新建檔案 common.js,如:

var common = {

showinfo: function(name, age){

// 在控制台上列印出來

console.log(name);

console.log(age);

3、 同時在utils下也新建對應的檔案 common.d.js,如:

declare let common: {

showinfo: (name: string, age: string) => void;

tips: 引數中的型別需要對應寫上,具體語法可以參照typescript  ;

4、在.angular-cli.json中的scripts處新增common.js 所在的位置,如:

"scripts": [

"utils/common.js"

5、在需要呼叫的頁面進行呼叫 common.showinfo("yang", "18");

三、總結

先認真閱讀理解 typescript 的基本型別  ,

注:common.js修改時或新增時,需要和common.d.ts進行同步處理,第乙個引數的型別都需要對應寫上,處理完後,重啟服務即可生效

標籤:

Angular 引入模板指令

基本介紹 引入模板一般都是固定的東西,比如導航欄,比如頁面的底部,每個頁面都重複寫很麻煩,不如直接定義兩個模板,引入到需要的頁面中。這個過程實際是乙個跨域的非同步請求過程。基本使用 doctype html html lang en head meta charset utf 8 title tit...

vue中引入公共方法並使用

通用js方法封裝處理兩種方式 第一種方式 function myfun function fn1 將上面連個全域性公共方法,組合成乙個物件,並暴露出去 export default 第二種方式 export function myfun export function fn1 2.1.1 全域性呼叫...

html引入公共模組

如果沒有母版頁,那麼大量相同布局的頁面會有很多相同的 那麼這就提到了乙個概念,叫重用性 可以將相同布局的 放在乙個單獨的檔案,裡面寫一些公共模組,那麼在其他頁面只需要在指定位置引入他們就可以了 寫乙個頭部,在top.html寫入 只寫需要新增的 div style width 100 height ...