使用angular2開發管理系統專案

2022-03-25 02:46:48 字數 617 閱讀 2366

公司內部有乙個內部專案,功能是對一些資料進行crud,所以前端方面便選擇了angular2。當時最新版本是beta1,整個開發流程總共花了一周的時間。

webpack的配置直接使用了angular2-webpack-starter裡的配置。ng2最麻煩的應該就是環境配置了,得益於這個github的專案,我們可以快速地搭建環境。之後的開發還是比較順利的,把官網的教程和guide過一遍,基本上就能上手了。唯一要再學習的就是rxjs。rxjs的api相當豐富,可以對stream可以進行一些非常方便的操作,比如map filter do,或者是throw乙個異常出去。

說乙個碰到的坑,ng2 beta1沒有獲得當前所在路由的方法,所以判斷路由要用location來獲取path。

有人說ng2比ng1的學習曲線要陡,其實並不然。學習曲線是相對的,如果讓乙個小學生去學習微積分,那麼小學生自然是無限懵逼。當初我學習ng1的時候,就如同乙個小學生,沒有專案經驗,js基礎不紮實。但是當積累一定的專案經驗,稍微紮實了js的基礎之後,再去學習ng2,便不會覺得有多難了。

元件化開發的思路正在慢慢地成為主流,如果ng2今年能發布正式版本,那麼今年必然會屬於ng2。至於react,因為太輕太薄,整個搭建起來還要許多第三方庫,對於我這個選擇恐懼症的人來說,就非常的不合適了。

Angular2開發拙見

本文集中講講筆者目前使用ng2來開發專案時對其元件的使用的個人的一些拙劣的經驗。先簡單講講從ng1到ng2框架下元件的職責與地位 ng1中的一大特色 指令,分為屬性型 標籤型 css型別和注釋型。其中寫在css類以及注釋中的元件想必多數人都不會去使用,而屬性型指令與標籤型指令則是ng1火遍宇宙的功臣...

angular2 發布angular2模組,服務

上回說到了如何利用npm包管理器發布自己的包,這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構,一般都需要下列檔案 html檔案,css檔案,component檔案,module檔案。component檔案內容 import區域 impor...

使用Angular2建立專案

使用 light bootstrap dashboard angular cli 前端框架 bs3 angular2 ide vs code 執行 ng serve 後,開啟本地伺服器,最妙的是,在vscode中修改 直接在瀏覽器中反應變化。於是遇到第乙個坑,頁面一直在loading。還有記得看 控...