Notadd使用文檔

路由配置

首先在開發時應該把相關功能的頁面組合到一個ngModule中，而後找到src/config/routing-path.config/routing-path.config.ts，其導出爲routingPathConfig。其中只能夠配置相應模塊中對應的頁面或者模塊的路由名稱。css

export  const  routingPathConfig  =  {
    // 模塊字段
    cutomModule:  {
        // 每一個模塊配置中都應該有一個默認的配置頁面
        default:  "",
        // 頁面字段
        customPage1:  "pageName1",  
        customPage2:  "pageName2"
    }
}
複製代碼

而後在各個ngModule的路由配置文件中使用它，至於怎麼使用，請看一下示例：html

// 別忘了導入routingPathConfig

const routes:  Routes = [
   // 配置頁面一的路由
    {
        path:  routingPathConfig.customModule.customPage1,
        loadChildren:  'path/to/customPage1Module#customPage1Module',
     },
    // 配置頁面二的路由
    {
        path:  routingPathConfig.customModule.customPage2,
        loadChildren:  'path/to/customPage2Module#customPage2Module',
    }
];
複製代碼

公共樣式

通常，在angular應用中，最好組件裏面的樣式應該只能做用與該組件中，這樣能夠防止樣式的全局污染，有利於維護。對於一些公共的樣式能夠寫在src目錄下style.css文件中。json

對於一些比較大的項目，推薦使用一些css預處理器。在Notadd中咱們使用的預處理器是scss。你能夠在src/@notadd/scss文件夾中找到全部項目中預置的一些樣式。瀏覽器

好比，如需更改應用的主題顏色，能夠在src/@notadd/scss/theming.scss文件中進行更改。markdown

目錄結構

根目錄

目錄/文件	用途
e2e	存放測試代碼的目錄
src	項目的開發目錄
angular.json	能夠對angular應用進行配置
package.json	項目的依賴管理
tsconfig.json	TypeScript的配置文件
tslint.json	tslint的配置文件
ngsw-config.json	service worker的配置文件

開發目錄`src`

目錄/文件	用途
app	存放應用代碼的地方，全部的業務代碼都應該存放到該目錄下。
@notadd	存放一些全局共享的一些文件，好比全局的樣式文件，全局用到的組件，還有服務等。
assets	主要存放一些靜態資源，如字體文件或者圖片等。
environments	在該文件夾中能夠對開發環境和生產環境進行一些配置。
favicon.ico	網站的圖標文件
karma.conf.js	測試的配文件
manifest.json	PWA的配置文件，若是想讓應用支持PWA，則必需要有該文件。
polyfills.ts	爲了兼容舊瀏覽器所使用的polyfill庫。
styles.scss	全局的樣式文件
index.html	應用的文檔入口文件
main.ts	應用的主要切入點，引導應用的根模塊（AppModule）在瀏覽器中運行。

模塊依賴

angular有一個重要的概念就是ngModule，它把組件、指令和管道打包成內聚的功能塊，每一個模塊聚焦於一個特性區域、業務領域、工做流或通用工具。因此，在開發一個功能塊的時候最好相關的代碼都寫到一個ngModule中。而後在須要使用的時候，經過NgModule 的元數據中的imports字段導入，便可使用相關的功能。app