Anguar 16 引入一個(gè)有趣的功能，可以將路由器數(shù)據(jù)直接通過(guò) @Input 來(lái)綁定，例如：QueryString，路由參數(shù)，data 靜態(tài)數(shù)據(jù)。 舊寫(xiě)法 在 Angula...
IP屬地：福建
-
Angular16如何獲得路由參數(shù)
-
從 angular11 開(kāi)始已經(jīng)內(nèi)置 hmr，不再需要這么處理，參考：
- https://angular.cn/cli/serve
- https://github.com/ng-alain/ng-alain/blob/master/package.json#L27angular-cli如何啟用HMR
webpack有一個(gè)非常好玩的插件叫：模塊換替換（HMR），即添加或刪除模塊時(shí)應(yīng)用持續(xù)運(yùn)行，不需要頁(yè)面刷新。雖然angular cli至問(wèn)世以來(lái)就以webpack為核心，可直...
-
Angular 環(huán)境配置
如何使用環(huán)境配置 在實(shí)際開(kāi)發(fā)中，總是需要針對(duì)不同的環(huán)境設(shè)定不同的參數(shù)，Angular 提供了一種應(yīng)用環(huán)境機(jī)制，當(dāng)使用 ng new 構(gòu)建一個(gè)新項(xiàng)目時(shí)默認(rèn)會(huì)在 src/envi...
-
Angular 如何處理未可知異常錯(cuò)誤
寫(xiě)在前面 代碼寫(xiě)得再好，始終都無(wú)法完整的處理所有可能產(chǎn)生異常，特別是生產(chǎn)環(huán)境中的應(yīng)用，很大一部分是數(shù)據(jù)來(lái)自用戶、遠(yuǎn)程，很難保證所有數(shù)據(jù)都按程序規(guī)定的產(chǎn)生。事實(shí)上，除非測(cè)試人員...
-
小談 ng deploy 的實(shí)現(xiàn)
Angular CLI 在 8.3.0 發(fā)布過(guò)一個(gè)新命令 ng deploy，可以將 Angular 應(yīng)用部署到遠(yuǎn)程服務(wù)器或云存儲(chǔ)上面，例如：Firebase hosting...
-
@37d146741b99 合理分配好模塊，應(yīng)該不會(huì)出現(xiàn)慢的情況；我們項(xiàng)目近千個(gè)page，也不存在慢的問(wèn)題
angular-cli如何啟用HMR
webpack有一個(gè)非常好玩的插件叫：模塊換替換（HMR），即添加或刪除模塊時(shí)應(yīng)用持續(xù)運(yùn)行，不需要頁(yè)面刷新。雖然angular cli至問(wèn)世以來(lái)就以webpack為核心，可直...
-
Angular代碼風(fēng)格
寫(xiě)在前面 自身的良好編碼風(fēng)格只能律己，而無(wú)法律人；我喜歡 Angular 其中主要一個(gè)因素是有一整套的工具及風(fēng)格指南，它可以極大的簡(jiǎn)化團(tuán)隊(duì)開(kāi)發(fā)溝通成本，但是有些小缺失例如在編...
-
@faker_zzy 是的，因此需要定制一個(gè)事件來(lái)處理這些問(wèn)題。
Angular路由復(fù)用策略
一、引言 路由在執(zhí)行過(guò)程中對(duì)組件無(wú)狀態(tài)操作，即路由離退時(shí)組件狀態(tài)也一并被刪除；當(dāng)然在絕大多數(shù)場(chǎng)景下這是合理的。 但有時(shí)一些特殊需求會(huì)讓人半死亡狀態(tài)，當(dāng)然這一切都是為了用戶體驗(yàn)...
-
更友好的管理VSCODE代碼片斷
寫(xiě)在前面 對(duì)于我這種嚴(yán)格依賴 VSCODE 的人來(lái)說(shuō)，會(huì)更努力的尋找釋放生產(chǎn)力的方式，而代碼片斷是我日常最常用的功能之一。 從官網(wǎng)的 Creating your own sn...
-
Release ng-alain 2.0
從計(jì)劃2.0開(kāi)始足足進(jìn)行近四個(gè)月，其中發(fā)布過(guò)八個(gè)版本。當(dāng)初給2.0做的愿景基本上達(dá)到要求，當(dāng)然一切都還是那句話：【讓開(kāi)發(fā)者更加專注于業(yè)務(wù)】。 ng-zorro-antd 提供...
-
如何更好使用 ng-zorro-antd 圖標(biāo)
自 ng-zorro-antd 1.7.x 以后圖標(biāo)發(fā)生破壞性變更，雖然帶了諸多優(yōu)勢(shì)，同時(shí)也帶來(lái)幾個(gè)劣勢(shì)： 若采用動(dòng)態(tài)加載會(huì)產(chǎn)生額外的HTTP請(qǐng)求 若靜態(tài)加載需要逐一注冊(cè)圖標(biāo)...
-
淺淡 RxJS WebSocket
引言 中后臺(tái)儀表盤(pán)是一個(gè)非常復(fù)雜，特別是當(dāng)需要全面屏運(yùn)用時(shí)，數(shù)據(jù)的實(shí)時(shí)性需求非常高。WebSocket 不管在什么環(huán)境中使用其實(shí)都是非常簡(jiǎn)單，各現(xiàn)代瀏覽器實(shí)現(xiàn)標(biāo)準(zhǔn)都很統(tǒng)一，而...
-
使用 ng-packagr 打包 Angular
寫(xiě)在前面 為了讓 Angular 類庫(kù)應(yīng)用范圍更自由，Angular 提出一套打包格式建議名曰：Angular Package Format，包括 FESM2015、FESM...
-
淺談Angular Cli Schematics
寫(xiě)在前面 Schematics 是前端開(kāi)發(fā)工作流工具，例如：創(chuàng)建一個(gè)組件、變更配置項(xiàng)至當(dāng)前項(xiàng)目。并且不限制任何語(yǔ)言環(huán)境；雖然如此，但 Schematics 目前依然只能依賴 ...
-
ng-alain 與 .net core 搭配
寫(xiě)在前面 鑒于很多使用 ng-alain 都以 .net 為后端，以下我將以一個(gè)示例來(lái)描述 ng-alain 如何同 .net core 一起開(kāi)發(fā)。示例以單個(gè)中后臺(tái)項(xiàng)目為基準(zhǔn)...
-
淺談Angular網(wǎng)絡(luò)請(qǐng)求
在Angular網(wǎng)絡(luò)請(qǐng)求是一個(gè)最常見(jiàn)的應(yīng)用之一，下列我將以 ng-alain 項(xiàng)目為基礎(chǔ)描述 Angular 網(wǎng)絡(luò)請(qǐng)求。 注：示例中代碼都以簡(jiǎn)化的形式出現(xiàn)。 寫(xiě)在前面 Ang...
-
ng-alain表單使用方式
Angular表單 Angular提供兩種不同的架構(gòu)范式表單：模板驅(qū)動(dòng)和響應(yīng)式表單，官網(wǎng)也簡(jiǎn)單實(shí)現(xiàn)了動(dòng)態(tài)表單范例。 當(dāng)使用兩種不同范式構(gòu)建一個(gè)用戶必填性的表單，在使用上有非常...
-
如何在Angular6下使用ng-zorro-antd
ng-zorro-antd 受限于 #10430 一直都未發(fā)布 Angular6 版本，雖然早已經(jīng)準(zhǔn)備好 #1404。 這里的原因是多重的，antd 的 less 版本需要 ...
-
發(fā)布 ng-alain 1.0.0 正式版
ng-zorro-antd 0.7.0 發(fā)布時(shí)我就想說(shuō)那得喝一杯，這個(gè)版本的等待其實(shí)在社區(qū)里反應(yīng)是有點(diǎn)“忐忑”，所以當(dāng)VTHINK跟我說(shuō)來(lái)今天要發(fā)布 0.7 時(shí)我說(shuō)那晚上得喝...