问道Angular——Angular设置别名alias

2018-11-07 admin

设置别名

在根目录下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命令的标志自动解析正确的环境文件。


☞☞☞问道Angular系列☜☜☜


原文链接:https://segmentfault.com/a/1190000016939576

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-44806.html

文章标题:问道Angular——Angular设置别名alias

相关文章
使用AngularJS开发我们下一款Web应用的七个理由
在当下这个电子商务时代,每一家企业都热衷于通过网络拓展自身业务。而这也使Web开发人员市场呈现出前所未有的红火态势。根据最近发布的一份调查报告,全球网站总数已经超过8.76亿个,而且这一数字还在不断上升当中。市场上用于Web开发的平台亦多种...
2015-12-25
在JavaScript的AngularJS库中进行单元测试的方法
开发者们都一致认为单元测试在开发项目中十分有好处。它们帮助你保证代码的质量,从而确保更稳定的研发,即使需要重构时也更有信心。 ** 测试驱动开发流程图** AngularJS的代码声称其较高的可测性确实是合理的。单单文档中列出端对端的测试...
2017-03-24
使用AngularJS实现可伸缩的页面切换的方法
AngularJS 1.2 通过引入基于纯CSS class的切换和动画,在一个单页面应用创建页面到页面的切换变得更加的容易。只需要使用一个ng-view,让我们来看一下,一个引入众多的不同切换的可伸缩方法,以及指定的每个页面如何切入和切出...
2017-03-24
详细解读AngularJS中的表单验证编程
需求 Name 必填 Username 非必填,最小长度3,最大长度8 Email 非必填,但必须是合法的email 验证未通过的表单不能提交 显示一个必填或者非法email格式的错误信息 如果正确提交就弹出一个祝贺信息 现在知道我们的...
2017-03-25
angular.js 路由及页面传参示例
页面传参数方法:1、$rootScope。2、(url)/user/:name/:age。 页面转换方法:1、href="#/" rel=“external nofollow” rel=“external nofollo...
2017-03-15
使用AngularJS和PHP的Laravel实现单页评论的方法
目前,Laravel和Angular均已经成为了Web发展世界里非常著名的工具。Laravel以给PHP社区引入的伟大内容著称,Angular以其惊人的前端工具及简单著称。组合这两大框架似乎是合乎逻辑的下一步。 在我们的使用环境下,我们将使...
2017-03-25
详解AngularJS中的作用域
范围扮演其视图连接控制器的角色一个特殊的JavaScript对象。范围包含了模型数据。在控制器,模型数据通过$scope对象访问。 <script> var mainApp = angular.module("m...
2017-03-24
Angularjs实现搜索关键字高亮显示效果
需求分析: 根据关键字搜索网页内容,并且高亮显示内容中的关键字 细节分析: 1、每次执行搜索操作,需清空上一次结果 2、需区分html标签和正常文本内容,否则为关键字添加样式以后会出现标签内容被显示的情况 代码思路: 利用正则表达式匹配关键...
2017-03-03
AngularJS的内置过滤器详解
今天我们来了解一下AngularJS的内置过滤器 先来看看这些内置过滤器使用方法: 一个过滤器,不带参数的情况 {{expression | filter}} 一个过滤器,带参数的情况 {{expression | filter:argum...
2017-03-23
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
一,利用Node搭建静态服务器 这个是这个项目的底层支撑部分。用来支持静态资源文件像html, css, gif, jpg, png, javascript, json, plain text等等静态资源的访问。这里面是有一个mime类型的...
2017-03-29
回到顶部