ionic2踩坑之自定義外掛程式開發及呼叫

2022-07-27 00:09:07 字數 1265 閱讀 7436

關於ionic2自定義外掛程式開發的文章,外掛程式怎麼呼叫的文章,好像網上都有,不過作為乙個新手來說,從外掛程式的開發到某個頁面怎麼呼叫,沒有乙個完整的過程的話,兩篇沒有關聯的文章也容易看的迷糊。這裡放到一起來方便後來人吧。

1、安裝plugman

npm install -g plugman。

2、生成外掛程式框架

plugman create --name --plugin_id --plugin_version0.0.1

如:plugman create --name myplugin --plugin_id com.test.helloworld --plugin_version0.0.1。

執行完之後會自動幫我們生成一套**框架,這個放**生成都一樣的,這裡我以專案根目錄為例。執行之後根目錄多了乙個資料夾,如圖:

這個時候src下面是空的。

3、新增平台支援

進入外掛程式目錄,執行相應的平台支援命令

這裡以android為例,ios也是一樣的。

現在src下面就多了個目錄了,如圖:

4、安裝外掛程式

進入專案的根目錄

ionic plugin add 你外掛程式的儲存路徑

如:

ionic plugin list看一下,如圖:

到了這裡,最後乙個問題來了,怎麼呼叫呢?

1、在你的ts檔案中定義乙個方法,如圖:

2、因為是ts,在這個ts的@component之前,import之後,寫一句declare let cordova: any;不然會報錯。因為ts裡要給他申明型別。

3、頁面定義乙個單擊事件,呼叫fun()。

cordova.plugins.myplugin.coolmethod方法哪來的,你看看myplugin.js這個檔案裡面就知道了。

ionic2新增自定義文字

上次更新到如何新增自定義圖示,緊接著這次更新ionic2如何新增自定義字型 首先你要有自己的字型檔案以.ttf結尾的檔案字型 推薦個字型檔案 相對來說流氓軟體比較少的 然後 你現在只需要把下面的內容放到你的variable.scss檔案中。font face font family md base ...

ionic2 (一) Modals 元件踩坑

最近在使用ionic2做專案其中用到了modals元件,開發過程中發現文件不夠詳細踩了不少坑,在這裡跟大家分享一下希望可以幫到大家 官方文件 中文文件 modals的具體使用,git上的例子是在引用頁面直接引入使用,這裡說一下我的用法,在新建了乙個頁面模板 modals.ts如下 import fr...

ionic專案之cordova自定義外掛程式的配置

對之前學習的乙個紀錄 利用plugman自定義外掛程式 1 安裝pullman npm install g plugman 需要先裝上nodejs環境才能使用npm 2 plugman安裝完之後就可以建立乙個外掛程式了,命令如下 plugman create name plugin id plugi...