tag angular4

標籤
貢獻10
79
12:23 PM · Nov 04 ,2025

@angular4 / 博客 RSS 訂閱

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

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

angular4 , angular6 , angular2

收藏 評論

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

收藏 評論

Thanatos - angular 入坑指南 (優雅的寫 Bug)

Angular的特點 typescript 完美兼容,並對 angular 有特殊支持。(親兒子的待遇) 依賴注入。(完美的使用OOP編程) 服務、管道、組件區別明確 使用 Rxjs(響應式編程處理異步) html、css、ts代碼分類,寫起來相對方便 社區完善,google支撐。更新迭代快速 桌面端(Electron), 移動端(ionic,nativescript)。全平台開發

angular , angular4 , angular6

收藏 評論

音樂皓 - 用angular做到複製到剪貼板

1.下載安裝ngx-clipboard插件 代碼:npm install ngx-clipboard --D 2.在app.module下引入 3.在html上使用 button nz-button nzType="default" ngxClipboard [cbContent]="commandContent" (cbOnSuccess)="successFun()"複製命令/but

angular4

收藏 評論

音樂皓 - angular4使用FileSaver.js下載文件

1.首先下載插件 npm install file-saver --save bower install file-saver 如果要安裝 Typscript 聲明 npm install @types/file-saver --D 下載完成以後在package.json中可以肯定 2.引入 在使用這個插件的ts引入 import { saveAs } from 'file-sav

angular4

收藏 評論

q8462880 - 簡單的html5與Rxjs實現table同時固定列和表頭(for angular)

凡是參與大型項目開發,或者是企業級的系統,經常會遇到數據複雜,數據量大的問題。通常需要前端呈現大量的數據,而我們通常都會使用table去呈現。一目瞭然。可能很多人會問,現在的組件庫不是很成熟了嗎,各種各樣的組件都有,功能強大且性能優越,如(element UI,anti design)。 但不是自己的,永遠不是最適合自己的,就像你開着別人的法拉利,但是感覺卻不如自己的麪包車。 言歸正傳,其實是本人

chrome , rxjs , angular4 , html5

收藏 評論

風晴雪sheep - 瀏覽器兼容性(一):IE11問題彙總

開發環境 Angular8.1.0,ng-zorro-antd:~8.0.2,前端容器nginx:1.10.1,瀏覽器 IE11。 1、頁面打不開 // 問題: IE11 index.html文件打開後,頁面空白 // 解決: 更改tsconfig.json文件: { "compileOnSave": false, "compilerOptions": { "baseUrl": "

angular4 , 兼容性 , 前端

收藏 評論

Robin - angular組件開發

隨着前端框架的誕生,也會隨之出現一些組件庫,方便日常業務開發。今天就聊聊 angular4 組件庫開發流程。 下圖是 button 組件的基礎文件。 nk-button.component.ts 為該組件的核心文件,看看代碼: import {Component, Renderer2, ElementRef, AfterContentInit, ViewEncapsulation, Input}

angular4 , Javascript

收藏 評論

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

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

angular4 , angular2

收藏 評論

霧島聽風 - 如何在angular中使用vue

將Vue組件包裝為本Web組件。 由於Angular支持使用自定義Web組件,因此能夠使用Vue組件(包裝為Web組件)。 對於Angular,如果自定義Web組件是由Vue生成的,那麼它就沒有區別(對於所有Angular都知道,它們可以是本機HTML元素) 我們使用vue-custom-element來來進行包裝 demo地址:這裏使用element-ui作為組件導入angular使用

vue.js , angular4 , 前端

收藏 評論

註銷 - Angular library 學習筆記

原文 Use cases for Angular libraries Angular 庫有 2 個常見用例: 構建可重用的組件庫以在應用程序之間共享。 構建共享服務層功能 - 例如。 用於處理外部數據源(例如 API)的客户端。 雖然有很多 Angular 庫非常適合項目的情況,但值得考慮您的用例是否屬於這些,因為它確實引入了一些維護開銷。 請記住,您始終可以將功能編寫為應用程序中共享 A

angular , angular4 , angular-material , typescript

收藏 評論