原创 Angular管理共享組件
目標：將使用頻繁的組件抽離出來，集中管理；以便在需要使用的地方，方便快速引用； 第一步：創建一個shared component：（該文件夾下，放置需要抽離的組件） ng generate component shared 第
2019-12-04 02:52:26
原创 初步認識爬蟲
1.什麼是爬蟲？ 按照一定的規則，自動地抓取萬維網信息的程序或者腳本。 按照系統結構和實現技術，大致可以分：通用網絡爬蟲、聚焦網絡爬蟲、增量式網絡爬蟲、深層網絡爬蟲。 實際的網絡爬蟲系統通常是幾種爬蟲技術相結合實現的 。 通用網
2019-12-04 02:52:26
原创 Angular子級路由
如圖，項目結構中，有多層子級路由：app下，有home，location和others三個子級；而others裏，又含有page1，page2和page3。 當應用比較龐大的時候，經常會遇到這種多重子級的問題，如果都放到app-
2019-06-12 17:53:16
原创 Angular+Leaflet 封裝map component
目標：實現如圖地圖，並封裝爲組件 map.component.ts: 首先，引入leaflet和translate： import * as L from 'leaflet'; import { TranslateService
2019-05-07 09:14:11
3
原创 Anglar 上傳文件
背景：angular +angular material； 需求：上傳文件並傳到數據庫； file.html： file.ts 仔細查看請求頭，會發現content-type會跟其他的接口有不一樣： formData對象的使用：
2019-04-16 04:33:18
原创 Angular報錯彙總（持續更細）
1. ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ‘disable
2019-03-07 19:21:52
原创 Angular開發環境跨域問題
開發背景：Angular7 +Angular Material； 本地開發遇到跨域時，network會提示failed； 這時候我們可以通過以下幾個步驟來進行代理： 步驟一：建立一個proxy.conf.json文件，文件放置位置如
2019-03-03 19:22:15
原创 angular自定義分頁組件
背景：angular 7 + angular material 效果圖： 源代碼： https://download.csdn.net/download/qq_32490291/10976500
2019-02-27 14:08:33
1
原创 angular 發佈項目及可能遇到的報錯
根據官方文檔，我們可以通過下面三個步驟，將項目發佈到服務器上： 1.使用開發環境進行構建：ng build --prod ； 2.把輸出目錄（默認爲 dist/）下的每個文件都複製到到服務器上的某個目錄下； 3.配置服務器，讓缺失的
2019-02-23 19:06:15
原创 初步使用Angular表單form.group
框架：angular 7+ angular material； 如圖，使用new FormGroup()； 此時可能遇到的問題有： 問題一： 這個是因爲你沒有引入forms的相關模塊： 如上圖所示，即可解決該問題。 ·····
2019-02-19 18:48:17
原创 echats條形圖中y軸類型爲類目時，y軸線的配置
如上圖所示的條形圖，配置y軸方向的grid分割線的時候，耗費了很多時間，結果，被一句show:true打敗了~~~~ 官方文檔如圖： 此例option代碼： option = { grid: { left
2019-02-19 06:40:11
1
原创 使用calc 函數 動態計算width
由於flex的兼容性對項目需求來說已經足夠，所以最近經常使用flex來進行佈局； 最近遇到了一個需求，如下圖所示： 1.外部box的width是按屏幕的百分比自動計算出來的； 2.需要始終保證1和2的的寬度一直是保持一致的。 1的
2019-02-14 19:02:52
原创 如何在angular使用echarts
背景/框架：Angular 7 + echarts 在做項目的過程中，經常能遇到有些信息需要用圖表來展示；這時候，我們就會想起百度的echarts，方便快捷好用… 那如何在angular中使用echarts呢？ 首先，我們得insta
2019-02-14 19:02:52
10
原创 form.group中某個字段不可修改
框架：angular 7+ angular material 如下圖，如果是直接在dom上使用disabled，那麼在控制檯，你會發現官方給你的優化提示： 所以，如果使用下圖的寫法，將會更好：
2019-02-14 19:02:52