ionic2 (一) Modals 元件踩坑

2021-08-03 06:07:15 字數 1154 閱讀 1867

最近在使用ionic2做專案其中用到了modals元件,開發過程中發現文件不夠詳細踩了不少坑,在這裡跟大家分享一下希望可以幫到大家

官方文件:

中文文件:

modals的具體使用,git上的例子是在引用頁面直接引入使用,這裡說一下我的用法,在新建了乙個頁面模板

modals.ts如下:

import  from

'@angular/core';

import from

'ionic-angular';

@component()

export class modals

dismiss()

}

import  from '../pages/modal/modals';

...@ngmodule()

然後在需要引用的頁面引入即可

import  from 'ionic-angular';

import from '../modal/modals';

...export class mypage

presentmodal()

}

create(component, data, opts)建立乙個模態框,配置引數如下:

引數型別

引數說明

component

object

模態框檢視

data

object

要傳遞到模式檢視的資料引數

opts

object

模態框配置選項

opts 選項配置引數如下:

選項型別

引數說明

showbackdrop

boolean

是否顯示背景。預設為true。

enablebackdropdismiss

boolean

是否顯示遮罩層。預設為true。

cssclass

string

自定義樣式的class,用空格分隔。

ionic2 常用裝飾器

裝飾器是提供元資料,即描述資料的資料 對資料及資訊資源的描述。常用到的裝飾器有 component class mycomponent 元件裝飾器,宣告乙個類是元件,並提供提供有關元件的元資料,對屬性進行描述。directive class mydirective 宣告乙個類是乙個指令,並提供有關該...

Ionic2 新版本試用

聽說ionic2 beta已經出來很久了,手頭上的專案還是1.2版本的,就想著往2上面遷了.估計很多人也沒有用到,也想學習下,那我先把遇到的坑來講一下,好讓大家少走彎路.1 首先就是node了,以前用的是4.2.2這個版本的 然後我就就開開心心的走到官網去了,這樣就可以了,但是網速問題,所以down...

ionic2 遇到的一些小問題

在github上下了個小專案,npm install 後ionic serve啟動時遇到了問題 google後發現少安裝了依賴,然後在package.json 中的dependencies中加入了 然後抱著期待的心情再次執行ionic serve,沒想到又報了錯 然後又去goole了一遍,發現還是少...