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

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

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

???問道Angular系列???

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/99079.html

相關(guān)文章

Angular（02）-- Angular-CLI命令

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

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

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

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

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

Aceyclee 2019-08-23 12:17 評(píng)論0 收藏0
問道Angular——APP_INITIALIZER

摘要：概述有時(shí)需要在加載應(yīng)用之前運(yùn)行代碼，有時(shí)希望暫停應(yīng)用初始化，直到完成某些限制之后再執(zhí)行。令牌可以完成這項(xiàng)操作。是一個(gè)函數(shù)，在應(yīng)用改程序初始化時(shí)被調(diào)用。可以在類的中以的形式來配置。示例在應(yīng)用啟動(dòng)階段利用校驗(yàn)登錄信息是否有效問道系列概述 ??有時(shí)需要在加載應(yīng)用之前運(yùn)行代碼，有時(shí)希望暫停應(yīng)用初始化，直到完成某些限制之后再執(zhí)行。APP_INITIALIZER令牌可以完成這項(xiàng)操作。??APP_...

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

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

CODING 2019-07-25 14:35 評(píng)論0 收藏0