tag angular

標籤
貢獻51
149
01:20 PM · Oct 26 ,2025
invalidnull 頭像 kuailedehuanggua 頭像 wszgrcy 頭像 best-doraemon 頭像 fengliudeshanghen 頭像 liuyuxuan6666 頭像 youyudeshangpu_cny857 頭像 yeshifu 頭像 zara-cooper 頭像 echeverra 頭像 munergs 頭像 zohocrm 頭像

@angular / 博客 RSS 訂閱

liuyuxuan6666 頭像

LYX6666 - 從零起步，真正理解Javascript回調函數

零、前言 總聽到這麼一個詞語：回調函數。 對於它的瞭解，只知道在微信的網頁授權用到了回調，以及在Angular中可以用觀察者模式進行.subscribe訂閲，但對於它原理的理解，卻是一團漿糊。直到昨天開會時，突然被問到回調函數的知識，我才意識到自己真的不理解。 一、基礎知識：JavaScript標準寫法 我們先從最簡單的寫法入手，一步一步走向回調函數。 （如果熟悉語法，請跳到第二節）

angular , 回調函數 , typescript , 前端 , Javascript

收藏 評論

csh_716 頭像

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

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

angular , 依賴注入

收藏 評論

invalidnull 頭像

註銷 - 通過 Route 配置的例子，學習SAP Cloud for Customer 的scoping操作

SAP Cloud for Customer的很多標準功能都受scoping的控制，即項目實施時，Administrator可以選擇打開或者關閉該功能。 因為SAP C4C不再像過去ABAP On-Premises一樣，可以在SAPGUI 裏使用SPRO事物碼進行配置： 在Cloud世界裏，SAP C4C keyuser (或者Administrator) 在瀏覽器裏，通過Administrat

angular , script , route , cloud , router

收藏 評論

liuyuxuan6666 頭像

LYX6666 - 理解觀察者模式——用Angular的httpClient來解釋觀察者

前言 本文關鍵詞：觀察者模式。 觀察者模式是什麼？ 觀察者模式和回調函數有什麼關係？ 使用httpClient時，加上.subscribe有什麼作用？ Angular的httpClient中如何體現觀察者模式？ 解決了上述問題之後，就寫了這篇文章。 （這篇文章實際上是給上一篇文章填個坑...上一篇寫到回調函數，卻沒有給出實際應用的例子。） 引入問題：httpClient http

觀察者模式 , angular , 回調函數 , 前端 , Javascript

收藏 評論

fengliudeshanghen 頭像

風流倜儻的傷痕 - 使用 nuxi preview 命令預覽 Nuxt 應用

title: 使用 nuxi preview 命令預覽 Nuxt 應用 date: 2024/9/8 updated: 2024/9/8 author: cmdragon excerpt: 摘要：本文介紹瞭如何使用nuxi preview命令預覽Nuxt.js應用，包括安裝和準備環境、啓動預覽服務器的步驟，以及如何指定根目錄和使用自定義.env文件等高級用法。通過nux

react , vue.js , angular , webkit , 前端

收藏 評論

niharsawant 頭像

Nihar Sawant - How To Develop An Interactive Command Line Application Using Node.js

Over the last five years, Node.js has helped to bring uniformity to software development. You can do anything in Node.js, whether it be front-end development, server-side scripting, cross-platform d

workflow , angular , node.js , Javascript

收藏 評論

wszgrcy 頭像

wszgrcy - 我從 Angular 中分離出來本地化:`@cyia/localize`

最近在做 VSCode Extension 開發的時候,發現一個問題,插件部分和 WebView 部分有時候會共用一部分代碼,而這部分代碼裏又恰好有需要翻譯的內容,這就導致 VSCode 本身提供的 l10n 沒法使用 因為 WebView 部分頁面是使用 Angular 開發,所以如果能用一種翻譯實現是最好的了,所以我想到了 Angular 中的 localize,對分離模塊,使其成為通用

angular , node.js , l10n , i18n , Web

收藏 評論

stephensaucier 頭像

Stephen Saucier - Creating A Complete Web App In Foundation For Apps

Foundation for Apps is a new single-page app framework from Zurb that is closely related to Foundation 5 (also known as Foundation for Sites, a widely used front-end framework). It’s built around An

angular , Frameworks , Apps , coding

收藏 評論

liuyuxuan6666 頭像

LYX6666 - 從零開始，理解觀察者模式(思否出問題了，文章後一半被吞了，正在重新寫)

思否出問題了，寫了一整天的文章，字字斟酌，段段構思，發佈的時候被吞了三分之二，我心態崩了，正在瘋狂碼字，下次再也不用內置編輯器碼字了。 零、前言 很久以前就接觸過觀察者模式，也寫過觀察者模式的文章，但以當時的水平尚不足以準確的理解這個設計模式，以至於文章寫的一片混亂。 這次再次嘗試從設計模式的初衷出發，結合計算機組成原理以及實際的應用來重新學習一邊觀察者模式，希望能糾正一些理解。 一、消息通

觀察者模式 , angular , 回調函數 , Javascript

收藏 評論

invalidnull 頭像

註銷 - SAP UI5 Routing 路由介紹

官網鏈接：https://sapui5.hana.ondemand.... 一個例子： "routing": { "config": { "routerClass": "sap.m.routing.Router", "viewType": "XML", "viewPath": "kyma.sample.app.view",

angular , route , sap , router , typescript

收藏 評論

munergs 頭像

munergs - angular中使用ngzorro組件庫實現表格拖拽控制每列大小功能

首先直接看成品效果 下面開始講解： 進入ngzorro組件庫官方網頁 https://ng.ant.design 點擊實驗性功能，找到調整尺寸 滾動到列表對應的地方，複製其相關的代碼 注意要在對應的模塊和樣式文件中引入對應的模塊和樣式，不然就會出問題 複製完後什麼都不動的話，頁面是這樣的 可以看到表格上有兩個豎線，很不美觀，我們先去掉其中一個豎線

表格 , angular , antd , 拖拽

收藏 評論

invalidnull 頭像

註銷 - Angular單元測試框架裏API toHaveBeenCalledTimes的工作原理

看這樣一段代碼： let spiedFirstFocusable = spyOn( keyboardFocusService, 'findFirstFocusable' ).and.returnValue(el); fixture.detectChanges(); expect(document.activeElement.id).toEqual

jasmine , angular , karma , 前端

收藏 評論

nicolasbevacqua 頭像

Nicolas Bevacqua - AngularJS’ Internals In Depth

AngularJS presents a remarkable number of interesting design choices in its code base. Two particularly interesting cases are the way in which scopes work and how directives behave. The first thing

angular , mobile , coding , Javascript

收藏 評論

abap 頭像

華山劍宗風清揚 - 用 rxjs 解讀一個同步取值工具的隱患與替代方案

你給出的工具函數意在從 Observable 同步抓取一個值： import { Observable } from 'rxjs'; /** * Will grab last synchronously available value from the observable stream * at the time of the call. */ export functi

運算符 , 數據源 , angular , 私藏項目實操分享 , 前端開發 , typescript

收藏 評論

invalidnull 頭像

註銷 - Angular Form (響應式Form) 學習筆記

Angular 響應式表單使用顯式的、不可變的方式，管理表單在特定的時間點上的狀態。對錶單狀態的每一次變更都會返回一個新的狀態，這樣可以在變化時維護模型的整體性。響應式表單是圍繞 Observable 流構建的，表單的輸入和值都是通過這些輸入值組成的流來提供的，它可以同步訪問。 響應式表單通過對數據模型的同步訪問提供了更多的可預測性，使用 Observable 的操作符提供了不可變性，並且通過 O

formdata , angular , form , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - Angular 為什麼要引入 injection token 的概念

你可以定義和使用一個 InjectionToken 對象來為非類的依賴選擇一個提供者令牌。 這裏的重點是：非類。 下列例子定義了一個類型為 InjectionToken 的 APP_CONFIG . import { InjectionToken } from '@angular/core'; export const APP_CONFIG = new InjectionTokenAppConf

angular , 依賴注入 , 依賴管理工具 , 依賴倒置原則 , di

收藏 評論

fengliudeshanghen 頭像

風流倜儻的傷痕 - Nuxt Kit 自動導入功能：高效管理你的模塊和組合式函數

title: Nuxt Kit 自動導入功能：高效管理你的模塊和組合式函數 date: 2024/9/14 updated: 2024/9/14 author: cmdragon excerpt: 通過使用 Nuxt Kit 的自動導入功能，您可以更高效地管理和使用公共函數、組合式函數和 Vue API。無論是單個導入、目錄導入還是從第三方模塊導入，您都可以通過簡單的

react , vue.js , angular , webkit , npm

收藏 評論

invalidnull 頭像

註銷 - SAP Spartacus 事件服務 Event Service 使用介紹

官方鏈接：https://sap.github.io/spartac... The Spartacus event service provides a stream of events that you can consume without a tight integration to specific components or modules. The event system is us

angular , event , sap , typescript , Javascript

收藏 評論

nicolasbevacqua 頭像

Nicolas Bevacqua - AngularJS’ Internals In Depth, Part 2

In the previous article in this series, I discussed scope events and the behavior of the digest cycle. This time around, I’ll talk about directives. This article will cover isolate scopes, transclus

angular , coding , Javascript

收藏 評論

devui 頭像

DevUI團隊 - Angular依賴注入模式的應用和玩法案例

1 注入，一種組件樹狀層級通信模式 設計模式 1.1 組件通信模式 在Angular工程開發中，通常我們使用Input屬性綁定和Output事件綁定進行組件通信，然而Input和Output卻只能在父子組件中傳遞信息。組件根據調用關係形成一棵組件樹，如果只有屬性綁定和事件綁定，那麼兩個非直接關係組件要通信，需要通過各個連接點本身，中間人需要不斷處理和傳遞一些它本身不需要知道的信息（如圖1左）。

angular , devui , 依賴注入 , 設計模式 , 前端

收藏 評論

echeverra 頭像

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

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

angular , component

收藏 評論

invalidnull 頭像

註銷 - 使用SAP雲平台Mobile Service開發移動應用

這是Jerry 2020年的第33篇文章，也是汪子熙公眾號總共第216篇原創文章。 Jerry之前的文章 SAP移動應用解決方案之一：HTML5應用 + Cordova = 平台相關的混合應用，曾經介紹了Cordova這個開源框架是如何應用到SAP Cloud for Customer的移動應用開發上的。 Jerry的另一篇文章 如何使用JavaScript開發AR(增強現實)移動應用，則介紹了目

angular , mobile , saprfc , sap , abap

收藏 評論

zara-cooper 頭像

Zara Cooper - Kendo UI For Angular Data Grid And Angular Material: Have Your Cake And Eat It Too

This article has been kindly supported by our dear friends at Progress Telerik who are committed to giving developers the tools they need to harness and master the technological evolution shaping

angular , Techniques , Tools , ui

收藏 評論

fengliudeshanghen 頭像

風流倜儻的傷痕 - Nuxt.js 應用中的 webpack：change 事件鈎子

title: Nuxt.js 應用中的 webpack：change 事件鈎子 date: 2024/11/24 updated: 2024/11/24 author: cmdragon excerpt: 通過webpack:change鈎子，開發者可以知道哪些文件被修改，並可以進行適當的處理，比如重新加載相關模塊，或更新用户界面等。 categories: 前端開

safari , angular , webkit , typescript , 前端

收藏 評論