關於ionic2自定義外掛程式開發的文章,外掛程式怎麼呼叫的文章,好像網上都有,不過作為乙個新手來說,從外掛程式的開發到某個頁面怎麼呼叫,沒有乙個完整的過程的話,兩篇沒有關聯的文章也容易看的迷糊。這裡放到一起來方便後來人吧。
1、安裝plugman
npm install -g plugman。
2、生成外掛程式框架
plugman create --name --plugin_id --plugin_version
0.0
.
1
如:plugman create --name myplugin --plugin_id com.test.helloworld --plugin_version
0.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...