97电影天堂,在线免费观看日韩,国产日本中文字幕

DevExtreme初級入門教程（Angular篇）：應(yīng)用程序模板（Part 1）

原創(chuàng)|使用教程|編輯：龔雪|2021-08-16 10:10:29.887|閱讀 294 次

概述：可直接利用DevExtreme Angular應(yīng)用程序模板快速創(chuàng)建一個簡單的Angular應(yīng)用程序，本文主要介紹如何生成一個新的應(yīng)用程序以及調(diào)整布局、添加視圖。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

DevExtreme Angular應(yīng)用程序模板可幫助您快速創(chuàng)建一個簡單的Angular應(yīng)用程序，其中包含一個導(dǎo)航菜單和響應(yīng)式布局中的多個示例視圖。

DevExtreme v21.1.5最新版下載

生成一個新的應(yīng)用程序

npx -p devextreme-cli devextreme new angular-app app-name
cd app-name
npm run start

生成的應(yīng)用程序已經(jīng)包含DataGrid和Form組件，您可以在src\pages\display-data\display-data.component.html 和 src\pages\profile\profile.component.html文件中分別找到它們的配置。

布局

該應(yīng)用程序包括兩種布局，它們之間的唯一區(qū)別是工具欄所在的位置。

外部工具欄（默認(rèn)）

內(nèi)部工具欄

要切換到另一個布局，請打開src\app\app.component.html文件并將app-side-nav-outer-toolbar元素替換為app-side-nav-inner-toolbar：

app.component.html

<app-side-nav-inner-toolbar title="{{appInfo.title}}">
<!-- Layout content is here -->
</app-side-nav-inner-toolbar>

要生成帶有內(nèi)部工具欄的新應(yīng)用程序，請將--layout標(biāo)志設(shè)置為side-nav-inner-toolbar：

npx devextreme-cli new angular-app app-name --layout=side-nav-inner-toolbar

添加新的視圖

運行以下命令來添加視圖，--icon 指定中的圖標(biāo)。

npx devextreme add view view-name [--icon=IconName]

您可以在src\app\pages文件夾下找到添加的視圖，此命令還會為src\app\app-navigation.ts文件中添加的視圖創(chuàng)建導(dǎo)航菜單項。

DevExpress技術(shù)交流群4：715863792 歡迎一起進群討論

慧都DevExpress企業(yè)定制服務(wù)全新升級，助力企業(yè)打造一流應(yīng)用界面

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn

文章轉(zhuǎn)載自：慧都網(wǎng)

上一篇：Qt Design Studio 2.2 測試版發(fā)布啦！下一篇：交互式報表Power BI教程：創(chuàng)建儀表板副本

相關(guān)產(chǎn)品

控件

產(chǎn)品功能：UI界面

源碼：非開源

產(chǎn)品編號：13150

當(dāng)前版本：v25.1.5 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： DevExpress

正式授權(quán)

">DevExtreme Complete Subscription

高性能HTML5/JavaScript開發(fā)框架，利用現(xiàn)代Web開發(fā)堆棧構(gòu)建優(yōu)異性能的應(yīng)用程序。

控件

產(chǎn)品功能：UI界面

源碼：非開源

產(chǎn)品編號：10740

當(dāng)前版本：v25.1.5 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： DevExpress

正式授權(quán)

">DevExpress Universal Subscription

優(yōu)秀的界面控件開發(fā)包，幫助企業(yè)構(gòu)建卓越應(yīng)用！

控件

產(chǎn)品功能：UI界面

源碼：非開源

產(chǎn)品編號：12349

當(dāng)前版本：v25.1 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： DevExpress

正式授權(quán)

">DevExpress DXperience Subscription

高性價比的企業(yè)級.NET用戶界面套包，助力企業(yè)創(chuàng)建卓越應(yīng)用！

最新文章 MORE

半島外圍網(wǎng)上直營相關(guān)的文章 MORE

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

DevExtreme初級入門教程（Angular篇）：應(yīng)用程序模板（Part 1）

生成一個新的應(yīng)用程序

布局

添加新的視圖

用科技創(chuàng)就卓越

Create excellence with technology

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

DevExtreme初級入門教程（Angular篇）：應(yīng)用程序模板（Part 1）

生成一個新的應(yīng)用程序

布局

添加新的視圖

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology