原创 angular7中封裝文件上傳service服務
方式一： html <div nz-col nzSpan="24"> <nz-form-item> <nz-form-label style="margin-left: -4px;" [nzSpan]=
2019-09-04 18:56:03
2
原创 angular7中非父子組件間的通訊
方式一：通過service 傳遞數據的組件： header.component.ts constructor( private headerHomeData: HeaderHomeDataService ) { }
2019-09-03 18:16:35
原创 angular7中渲染html數據，解決樣式無效問題
在angular項目中，往頁面上渲染html數據的時候，使用的是[innerHTML]來渲染，一般渲染富文本中的Html數據，比如新聞詳情之類。但是發現，渲染之後，沒有了行內樣式。解決方法如下： 在app下新建管道文件 ng g
2019-08-28 19:32:03
原创 angular7中使用better-scroll實現滾動功能
地址 https://www.npmjs.com/package/better-scroll https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/api-specific
2019-08-28 19:32:03
1
原创 angular7項目使用nginx部署並使用H5(無#)history模式
前言 前面的項目都是使用hash模式，即帶#來訪問的。 不同模式（h5 history 和 hash #）兩種模式之間的切換，在angular中做如下配置即可： index.html <base href="/"> app.mo
2019-08-28 19:32:02
12
原创 angular7中按需使用ng-zorro
在開發項目的時候，我們有時候不需要整個框架裏面的模塊，所以我們需要按需引入 安裝ng-zorro npm install [email protected] --save 安裝指定版本，比如在angular7的腳手架搭建的項
2019-08-28 19:32:01
3
原创 angular項目搭建注意事項
版本 在新建項目的時候，一定要選擇匹配的版本，包括腳手架版本和UI版本。 項目環境 node npm angular/cli ( npm install -g @angular/cli ) 項目搭建與運行 ng new eq
2019-08-28 19:32:01
原创 angular7中wow.js的使用
ngx-wow地址 https://tinesoft.github.io/ngx-wow/doc/index.html https://www.npmjs.com/package/ngx-wow 首先安裝依賴項， wow.js
2019-08-28 19:32:01
16
原创 angular7項目中使用頁面錨點
在angular項目中使用頁面錨點，原生的html錨點的時候會頁面跳轉或者找不到路由。 可以使用以下方式解決： html <div class="circle_list"> <div class="circle wow z
2019-08-28 19:32:01
66
原创 angular7中使用iframe來加載外部頁面
在angular7中使用echarts的線性地圖的時候，發現出來縮成了一團，暫未找到解決方案。但是在普通的html中直接引入並使用是沒有問題的。因此，轉換了思路，使用iframe來加載外部的html，因爲在外部html中是正常的。
2019-08-28 19:32:01
3
原创 angular7中使用ckplayer插件實現各大瀏覽器視頻播放功能
使用原生的video屬性，雖然主流瀏覽器都可以播放，但是在IE中會出現錯誤：（提示：視頻類型不受支持或者文件路徑無效） 下載ckplayer.js文件 可以在github或者我的下載資源中下載即可，目錄結構如下： angular
2019-08-28 19:32:01
2
原创 angular中模擬頁面刷新
有時候需要模擬用戶刷新操作，只是爲了效果，不做改變 方法一 document.documentElement.scrollTop = 0; 方法二 this.router.navigate(['/about/profile'],
2019-08-28 19:32:01
原创 angular7中使用echarts
安裝依賴 建議使用cnpm 安裝，直接使用npm可能會報錯 cnpm install echarts --save cnpm install ngx-echarts --save 引入js文件 angular.json "scr
2019-08-14 18:36:19
5
原创 angular7項目實戰錯誤總結
routerlink路由 解決方法：在當前模塊中引入路由模塊 import { RouterModule} from '@angular/router'; imports: [ CommonModule, Router
2019-08-09 19:11:03
原创 Angular Universal 服務端渲染
使用angular創建的項目都是單頁應用，即SPA應用。所以一般用來開發大數據量、大交互的後臺系統。但是有時候需要考慮到seo的問題，就不得不用到服務端渲染技術。三大框架（react、angular、vue）都具有服務端渲染的功能
2019-08-09 19:11:03
7