Angular设置别名alias的方法

设置别名

在根目录下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/*"]
  },
}

访问环境变量

import { environment } from '@env/environment'

添加了@env别名,以便能够import { environment } from '@env/environment',从应用程序中的任何位置轻松访问环境变量。它适用于所有指定的环境,因为cli它会根据--env传递给ng build命令的标志自动解析正确的环境文件。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Angular设置别名alias的方法

    设置别名 在根目录下tsconfig.json中添加baseUrl和paths { "compilerOptions": { "baseUrl": "src", "paths": { "@app/*": ["app/*"], "@assets/*": ["assets/*"], "@env/*": ["environm

  • Shell alias给命令设置别名的实现方法

    给命令设置别名,你可以把它当作命令的"小名",但是这样做有什么意义呢? 比如笔者刚接触 Linux 时,使用的编辑器是 Vi,但是现在 Vim 的功能明显比 Vi 的功能更加强大,所以现在流行的编辑器变成了 Vim.但是笔者已经习惯了输入 vi 命令,而不习惯输入 vim 命令,别看小小的一个"m"的区别,在执行命令时总觉得别扭,这时别名就可以起作用了.只要定义 vim 命令的别名为 vi,这样以后执行的 vi 命令实际上运行了的是 vim 命令. 命令格式: [r

  • angular.fromJson与toJson方法用法示例

    本文实例讲述了angular.fromJson与toJson方法用法.分享给大家供大家参考,具体如下: AngularJS的angular.fromJson()方法可以把一个Json字符串中解析成一个对象,或对象数组: <!DOCTYPE html> <html ng-app="App"> <head> <meta charset="UTF-8"> <title></title> <scr

  • Angular中的$watch方法详解

    在$apply方法中提到过脏检查,首先apply方法会触发evel方法,当evel方法解析成功后,会去触发digest方法,digest方法会触发watch方法. (1)$watch简介 在digest执行时,如果watch观察的的value与上一次执行时不一样时,就会被触发. AngularJS内部的watch实现了页面随model的及时更新. $watch方法在用的时候主要是手动的监听一个对象,但对象发生变化时触发某个事件. (2)watch方法用法 $watch(watchFn,watch

  • 在Bash脚本中引入alias的方法

    alias的使用 在日常开发中,为了提高运维效率,我们会用alias(命令别名)来定义命令的简称.比如在~/.bash_profile中添加: alias ll='ls -lrt --color' alias bdebug="go build -gcflags '-N -l'" alias py3='/usr/bin/python3' 执行source ~/.bash_profile之后,这些alias定义便载入到当前终端环境中,我们可以通过alias <cmd>进行查看

  • 利用Jasmine对Angular进行单元测试的方法详解

    前言 本文主要介绍的是关于利用Jasmine对Angular单元测试的相关内容,以下是我假定那些极少或压根没写单元测试的人准备的,因此,会白话解释诸多概念性问题,同时会结合 Jasmine 与之对应的方法进行讲解. 一.概念 Test Suite 测试套件,哪怕一个简单的类,也会有若干的测试用例,因此将这些测试用例集合在一个分类下就叫Test Suite. 而在 Jasmine 就是使用 describe 全局函数来表示,它的第一个字符串参数用来表示Suite的名称或标题,第二个方法参数就是实现

  • 浅谈Angular 的变化检测的方法

    Change Detection (变化检测) 是 Angular 2 中最重要的一个特性.当组件中的数据发生变化的时候,Angular 2 能检测到数据变化并自动刷新视图反映出相应的变化. 在介绍变化检测之前,我们要先介绍一下浏览器中渲染的概念,渲染是将模型映射到视图的过程.模型的值可以是 JavaScript 中的原始数据类型.对象.数组或其他数据对象.然而视图可以是页面中的段落.表单.按钮等其他元素,这些页面元素内部使用 DOM(Document Object Model) 来表示,为了更

  • Angular 容器部署的方法

    很多人反应很难访问 Github Page,所以 ng-alain.com转移到阿里云服务器上,因此做了一次完整的 Angular 容器部署. 以下我会阐述 ng-alain 整个过程,其中包括 Docker.Nginx.Let's Sencrypt 证书等范涛,我无法保证新手可以很好的阅读她,不过你可以通过一些文章关键字在搜索引擎获得更多资料. 我们知道Docker有两个很重要的概念:镜像.容器.而Anguar容器部署只需要把Angular构建的生产环境(例如:ng build -prod)产

  • Mysql错误Every derived table must have its own alias解决方法

    mysql执行多表查询时报错: [SQL] SELECT * from ( select e.account from employee e UNION SELECT u.account from `user` u UNION SELECT a.account from agent a ) [Err] 1248 - Every derived table must have its own alias 这句话的意思是每个派生出来的表必须有一个自己的别名 一般是在多表查询或者子查询的时候会出现这个

  • cnpm加速Angular项目创建的方法

    问题描述 使用官网推荐的命令行工具ng来初始化Angular项目. ng new my-app 前面都挺快的,创建本地文件嘛.就是到最后安装依赖的时候特别慢,等了半个小时,也没装完. cnpm加速 使用淘宝为广大程序员提供的cnpm进行加速,cnpm官网. npm install -g cnpm --registry=https://registry.npm.taobao.org 加速创建 慢的问题就出现在ng使用npm安装依赖,所以就需要使用ng创建项目骨架,但是跳过安装依赖的过程,我们手动去

随机推荐