Ionic一級基礎頁面的建立 新增元件

2021-10-04 07:13:19 字數 1194 閱讀 2435

1. 使用最新穩定版node

進入node官網(檢視最新版node版本號並安裝

nvm install v版本號

2. 安裝最新版ionic

npm install -g ionic

1. 安裝軟體

2. 安裝外掛程式(6+2個)

ionic常用6個外掛程式

ionic補充2個外掛程式

ok為新建頁面

1. 通過命令新建頁面

ionic g page page_name

2. 在配置檔案中註冊頁面

@ngmodule({

declarations: [

yourpage,

entrycomponents: [

yourpage,

如新增加頁面「ok」,tabs.html增加下圖?倒數第二行**。

圖示庫**:

如新增加頁面「ok」,tabs.ts增加下圖?紅框所示**。

元件**:

直接複製對應**到html檔案即可。

ionic元件的使用

html檔案

新增其他元件同理(基本和html一樣),可以完成前端布局。

建立靜態頁面的方法示例一 1

該類提供了建立靜態頁面的基本方法,相當於底層statichtml類方便應用類的呼叫 using system using system.io using system.text using system.web using system.web.sessionstate using system.w...

建立靜態頁面的方法示例一 2

該類屬於應用類,主要提供窗體頁面呼叫建立靜態頁面的方法 using system using system.io using system.web.ui using system.web.ui.webcontrols namespace jobslib 建構函式,源檔名,不帶任何引數 目標檔名 pu...

有關於路由的基礎使用(一級路由和二級路由)

node中的路由 web伺服器根據使用者輸入的不同url位址,來返回不同的頁面.vue中路由 路由是vue.js中的乙個路由元件,需要結合元件來實現單頁面應用.vue init webpack 專案名稱 npm run devassest logo.png刪除 components hellowor...