tag angular

標籤
貢獻51
153
01:20 PM · Oct 26 ,2025

@angular / 博客 RSS 訂閱

echeverra - 玩轉Angular系列:組件間各種通信方式詳解

前言 在前端框架Angular中,組件之間的通信很基礎也很重要,不同組件間的通信方式也不同,掌握組件間的通信方式會更加深刻的理解和使用Angular框架。 本文講解不同類型組件間的不同通信方式,文中所有示例均提供源碼,您可以 在線編輯預覽 或 下載本地調試,相信通過本文您一定可以掌握組件通信這一知識點。 父組件傳子組件 @Input方式 @Input()裝飾器允許父組件更新子組件中的數據,分為

angular , 前端

收藏 評論

huaweiyun - 教你學會使用Angular 應用裏的 export declare const X Y

摘要:export declare const X: Y語法用於在Angular應用程序中聲明一個具有指定類型的常量變量,並將其導出,以便在其他文件中使用。 本文分享自華為雲社區《關於 Angular 應用裏的 export declare const X Y 的用法》,作者:Jerry Wang。 最近做 Spartacus 的 Angular 開發時,遇到下面這種 TypeScript

angular , 前端

收藏 評論

胸懷丶若谷 - Angular: 樣式綁定

解決方案 使用ngClass和ngStyle可以進行樣式的綁定。 ngStyle的使用 ngStyle 根據組件中的變量, isTextColorRed和fontSize的值來動態設置元素的顏色和字體大小 div [ngStyle]="{'color': isTextColorRed ? 'red': 'blue','font-size': fontSize + 'px'}" This tex

angular , 前端

收藏 評論

書源 - rust angular 自簽名證書 wss

項目中採用 wss 來建立的前後端連接, 但是並沒有用到認證的證書, 所以自己用 openssl 生成了私鑰, 自簽名證書來使用: 這裏就不再贅述 Wss 連接過程, 直接上手操作: 1. 生成私鑰, 證書: 請查看:使用 openssl 安裝和生成證書 - 書源 - 博客園 (cnblogs.com) 2. rust 服務端: 將生成的server.crt 和 server.key 放到d:\\

angular , 前端

收藏 評論

峨嵋峯 - Angular 我在點擊了上一頁或者下一頁方法之後,重新加載渲染數據。為什麼還需要再點擊一次頁面的其他地方才會渲染出來?(或者數據改變了頁面沒有渲染)

在你的 TypeScript 代碼中,當調用 nextPage_TopSelling() 或 prevPage_TopSelling() 方法時,雖然你更新了 currentPage_TopSelling 的值並調用了 reloadTopSelling() 方法,但是 Angular 並不會自動檢測到這些變化並重新渲染頁面。這是因為 Angular 的變化檢測機制是基於異步的,在一些情況下需要手動

angular , 前端

收藏 評論

書源 - Angular 集成 StreamSaver 大文件下載

應用場景: 實現目標: 在網頁端實現大文件(文件大小 = 2 G) 斷點續傳 實際方案: 發送多次請求, 每次請求一部分文件數據, 然後通過續寫將文件數據全部寫入. 難點: 無法實現文件續寫, 最後採用StreamSaver 來解決這個問題. 1. 首先從 git hub 將StreamSaver 拉取下來. StreamSavergitHub 項目地址:GitHub - jimmywartin

angular , 前端

收藏 評論

iNSlog - 筆記 | Angular 實現 keep-alive (路由複用)

Angular 的路由複用策略(RouteReuseStrategy)是一種用於優化路由跳轉性能和提高用户體驗的機制。通過實現RouteReuseStrategy接口,後可以自定義路由的複用行為,避免不必要的組件銷燬和重建,同時保持組件的狀態。 以下是對Angular路由複用策略的詳細介紹: 一、基本概念 RouteReuseStrategy是 Angular 路由模塊提供的一個接口,用於控制路由

angular , 前端

收藏 評論

華健課堂 - Angular CLI 源碼分析

🔥 重磅推薦!這份文檔 + 課程《Angular CLI 源碼分析》 = 王炸組合 💥 雙倍知識,雙倍快樂,帶你起飛~ 🚀 (ง •_•)ง 準備: 安裝 Node.js https://nodejs.org/; 安裝 VS Code https://code.visualstudio.com/; 創建文件夾 angular-cli-source-learn; 安裝 Angu

angular , 前端

收藏 評論

李子軒xuan - Angular + SpringBoot 簡單實現手機驗證碼登錄功能

前言 目前接觸最多的登錄方式是使用用户名和密碼進行登錄,現在嘗試寫了使用阿里雲短信通道完成手機驗證碼登錄,參考歷史上老師和學長寫過的代碼,將基本流程進行完成。 準備工作 首先參考阿里雲官方文檔進行準備工作 本文方便後續統一更改,將這些信息放到了application中進行配置。 在該配置中,可以配置使用不同的服務,目前先使用本地測試,待基本邏輯打通後便可以改成其他方式進行測試。

angular , springboot , 驗證碼

收藏 評論

Zara Cooper - How To Build An E-Commerce Site With Angular 11, Commerce Layer And Paypal

Nowadays it’s essential to have an online presence when running a business. A lot more shopping is done online than in previous years. Having an e-commerce store allows shop owners to open up other

angular , Headless , API , Apps , E-Commerce

收藏 評論

註銷 - SAP Spartacus B2B OrgUnit 和 OrgUser 的路由映射差異比較

SAP Spartacus B2B 頁面類似 SAP Fiori Launchpad,共有 6 個 tile(磁貼),點擊某個磁貼,能跳轉到對應的列表頁面。 路由映射就是指點擊某個 url 之後(例如上圖所示的例子),應該激活哪一個 Angular Component. 例如上圖 User tile,通過 a 標籤實現,點擊之後,會跳轉到其 href 屬性指向的 url:http://local

angular , saprfc , route , sap , abap

收藏 評論

多走幾步 - 理解 Angular 依賴注入

之前只知道依賴注入是Angular中的一個特性,對於依賴注入有一個大概的瞭解,但是並沒有仔細查詢過依賴注入,這裏記錄一下對依賴注入的重新學習。 什麼是依賴注入: 當你開發系統的某個較小部件時(例如模塊或類),你可能需要使用來自其他類的特性。例如,你可能需要 HTTP 服務來進行後端調用。 依賴注入或 DI 是一種設計模式和機制,用於創建應用程序的某些部分並將其傳遞到需要它們的應用程序的其他部

angular , 依賴注入

收藏 評論