@angular2 / 博客 RSS 訂閱

May 28 2020

啦啦啦 - angular 自定義管道

1.新建ts文件 2.引入 Pipe，PipeTransform import { Pipe, PipeTransform } from '@angular/core'; Pipe 是“管道元數據(pipe metadata)”裝飾器的類。 PipeTransform 是 用來實現 transform 方法 3.實現 1 import { Pipe, PipeT

angular2 , Javascript

收藏 評論

Mar 16 2020

馬良 - Web 組態編輯器（更新）

分享一款基於angular8開發的web組態編輯器：Demo(Tag0.1.0) 目前已經支持特性： 拖拽：創建組態，佈局 項目管理 頁面管理：增加，刪除 屬性綁定：樣式屬性，靜態數據 快捷操作：佈局，刪除，拷貝，粘貼 樣式複製 預覽 服務端支持（目前僅支持node.js開發中） 項目截圖： GitHub 地址 目前開源版本功能服務端已經完成，https://gith

angular2 , 前端 , Javascript

收藏 評論

Nov 05 2025

喵先生的進階之路 - Angular service的單例模式

問題描述 前台在的菜單，需要向後台進行請求，但是這樣就造成每次點擊一個菜單都會重新請求，造成菜單會出現短暫閃爍的情況，所以考慮使用service的單例模式來解決這個問題。 service 單例模式 在angularjs中，service默認都是單例的，但是在angular中，取消了這種默認。雖然我們説單例模式是好的，但是很多時候我們真的需要service是單例的嗎？ 比如我們經常使用的表格，大部分

angular4 , angular6 , angular2

收藏 評論

Nov 05 2025

scherman - Ionic start(4.x版本)發生bad status code 400錯誤以及離線創建新項目的解決方法

使用ionic start創建新項目，出現錯誤： Error: Encountered bad status code (400) for https://d2ql0qc7j8u4b2.cloudfront.net/angular-official-tabs.tar.gz This could mean the server is experiencing difficulties right

angular4 , angular6 , angular2 , npm , ionic4

收藏 評論

Nov 04 2025

zengrc - 利用動態組件實現的ngx-table

之前總結了一點對angular動態組件的理解，這裏將運用該特性製作一個可複用的Table控件。 背景 目前網上針對angular，有很多可以直接使用的UI以及控件框架，其中也包括Table控件，只需在html中使用定義的tag，並傳遞數據集以及其他等屬性值，就可以簡單創建一個Table； 但對於一些複製的表格，例如針對每行數據，最後一列有“view/edit/delete”按鈕的操作欄時，普通的T

angular4 , angular2

收藏 評論

Nov 04 2025

張子溪 - 在 Angular 項目中，如何為項目單獨創建路由文件？

使用 Angular Cli 創建一個項目時，如果不加任何的後綴參數，那麼生成的項目默認是沒有路由模塊的。那麼，如何讓創建的 Angular 項目有路由模塊/路由文件呢？ 兩個辦法： 1 在最開始創建項目的時候，帶上參數： --routing=true|false 2 如果已經創建好了項目，不想刪除已有項目，重新創建項目的話，使用生成 module 的命令來創建路由文件，不過要加上一些參數： ng

angular2

收藏 評論

Nov 04 2025

張子溪 - 解決 Angular 項目中，報錯: ‘router-outlet’ is not a known element 的問題。

在 app.component.html頁面中添加 router-outlet/router-outlet 標籤後報錯： 解決： 在路由文件，即 app-routing.module.ts 中，添加上一句：exports: [RouterModule] 截圖如下： 即可解決 router-outlet 的報錯問題。 參考： https://stackoverflow.com/questions

angular2 , 前端

收藏 評論

Nov 04 2025

wszgrcy - [Angular]單運行時多項目共享依賴方案

ngx-center 一箇中心,多個...... 使用介紹(視頻) 這是什麼? 一個 Angular 單運行時多項目共享依賴的解決方案 只啓動一個 Angular 平台(PlatformRef),其他子項目進行導出(類 es6 module),通過資源文件清單(或單獨 js 文件)進行請求加載 功能 支持子項目在開發時代碼變更的刷新 支持子項目調用主項目導出的命名(e

angular , webpack , angular2 , typescript , Javascript

收藏 評論