問道Angular——Angular設(shè)置別名alias

Neilyo 發(fā)布于2019-08-23 12:54 / 3315人閱讀

摘要：設(shè)置別名在根目錄下中添加和訪問環(huán)境變量添加了別名，以便能夠從應(yīng)用程序中的任何位置輕松訪問環(huán)境變量。它適用于所有指定的環(huán)境，因為它會根據(jù)傳遞給命令的標(biāo)志自動解析正確的環(huán)境文件。

設(shè)置別名

??在根目錄下tsconfig.json中添加baseUrl和paths

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "@app/*": ["app/*"],
      "@assets/*": ["assets/*"],
      "@env/*": ["environments/*"],
      "@views/*": ["app/views/*"],
      "@core/*": ["app/core/*"],
      "@constants": ["app/core/constants/*"],
      "@model/*": ["app/core/model/*"],
      "@interceptors/*": ["app/core/interceptors/*"],
      "@services/*": ["app/core/services/*"],
      "@validators/*": ["app/core/validators/*"],
      "@shared/*": ["app/shared/*"],
      "@components/*": ["app/shared/components/*"],
      "@directives/*": ["app/shared/directives/*"],
      "@guards/*": ["app/shared/guards/*"],
      "@pipes/*": ["app/shared/pipes/*"]
    },
}

訪問環(huán)境變量

import { environment } from "@env/environment"

??添加了@env別名，以便能夠import { environment } from "@env/environment",從應(yīng)用程序中的任何位置輕松訪問環(huán)境變量。它適用于所有指定的環(huán)境，因為cli它會根據(jù)--env傳遞給ng build命令的標(biāo)志自動解析正確的環(huán)境文件。

???問道Angular系列???

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/99079.html

相關(guān)文章

Angular（02）-- Angular-CLI命令

摘要：還有，運行項目時，會使用或命令。指定組件歸屬的。這個是創(chuàng)建服務(wù)類的命令，支持的選項配置參考上面幾種命令。當(dāng)為時，會自動創(chuàng)建對應(yīng)的路由模塊，默認(rèn)。目前對該命令的使用，只接觸到默認(rèn)配置，還不清楚一些選項配置的適用場景，后續(xù)有了解再補充。聲明本系列文章內(nèi)容梳理自以下來源： Angular 官方中文版教程官方的教程，其實已經(jīng)很詳細(xì)且易懂，這里再次梳理的目的在于復(fù)習(xí)和鞏固相關(guān)知識點，剛開始接觸...

stackvoid 2019-04-23 11:46 評論0 收藏0
問道Angular——Angular刷新當(dāng)前頁面

摘要：默認(rèn)情況下，路由器將會忽略這次導(dǎo)航。但這樣會阻止類似于刷新按鈕的特性。使用該選項可以配置導(dǎo)航到當(dāng)前時的行為。使用配置實際上不會重新加載路由，只是重新出發(fā)掛載在路由器上的事件。配置有三個值僅在路由參數(shù)更改時觸發(fā)。 onSameUrlNavigation ??從angular5.1起提供onSameUrlNavigation來支持路由重新加載。、 ??有兩個值reload和ignore。默...

RyanHoo 2019-08-26 13:24 評論0 收藏0
問道Angular——Angular5/6/7項目添加熱更新(HMR)功能

摘要：提供以上熱更新功能使用初始化項目命令行進入該目錄啟動項目將附帶功能。 ??提供angular6以上HMR(熱更新)功能使用hmr-cli npm i -g hmr-cli ??初始化angular項目,命令行進入該目錄 hmr init ??npm run hmr啟動項目將附帶hmr功能。詳細(xì)配置如下： Angular6添加HMR environments目錄 environme...

Aceyclee 2019-08-23 12:17 評論0 收藏0
問道Angular——APP_INITIALIZER

摘要：概述有時需要在加載應(yīng)用之前運行代碼，有時希望暫停應(yīng)用初始化，直到完成某些限制之后再執(zhí)行。令牌可以完成這項操作。是一個函數(shù)，在應(yīng)用改程序初始化時被調(diào)用?？梢栽陬惖闹幸缘男问絹砼渲谩Ｊ纠趹?yīng)用啟動階段利用校驗登錄信息是否有效問道系列概述 ??有時需要在加載應(yīng)用之前運行代碼，有時希望暫停應(yīng)用初始化，直到完成某些限制之后再執(zhí)行。APP_INITIALIZER令牌可以完成這項操作。??APP_...

yunhao 2019-08-23 12:54 評論0 收藏0
一個網(wǎng)站的微服務(wù)架構(gòu)實戰(zhàn)（1）docker和 docker-compose

摘要：文件服務(wù)器項目為文章共享社區(qū)，少不了的就是一個存儲文章的文件服務(wù)器，包括存儲一些圖片之類的靜態(tài)資源。例如數(shù)據(jù)庫的數(shù)據(jù)文件的配置文件和文件服務(wù)器目錄。前言這是一次完整的項目實踐，Angular頁面+Springboot接口+MySQL都通過Dockerfile打包成docker鏡像，通過docker-compose做統(tǒng)一編排。目的是實現(xiàn)整個項目產(chǎn)品的輕量級和靈活性，在將各個模塊的鏡像...

CODING 2019-07-25 14:35 評論0 收藏0