接上篇,angular 實(shí)戰(zhàn)部分,angular比較適合spa項(xiàng)目,這里不借助任何seed和構(gòu)建工具,直接從零搭建,基本的angular項(xiàng)目結(jié)構(gòu)大致包含如下幾個部分:
  1)app.js 入口

  2)index.html html框架頁

  3)lib(vendor)第三方類庫

  4)components 業(yè)務(wù)組件

  5)styles/images 靜態(tài)資源部分

1、常規(guī)實(shí)現(xiàn)

  創(chuàng)建文件夾demo1,按照上述結(jié)構(gòu)分別創(chuàng)建app.js ,index.html文件,創(chuàng)建lib、components、styles和images文件夾,最終如下圖所示:

Android培訓(xùn),安卓培訓(xùn),手機(jī)開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

在此基礎(chǔ)上,我們增加三個業(yè)務(wù)組件home,about,contact,并初始化基本代碼如下:

網(wǎng)友評論