Angular 2 ng2-logger 自定义颜色配置

标签 angular

我安装了 ng2-logger 以便更好地可视化我的 console.logs。

https://www.npmjs.com/package/ng2-logger

但是,颜色是随机的。

是否可以通过这种方式为每个组件或文件类型选择我喜欢的颜色?如果可以,怎么办? 我的目标是为 ng2-logger 进行某种配置,而不必在每个实例上键入颜色。

最佳答案

是的,你可以。

尝试为您的日志配置创建一个向量,例如:

export const LOG_CONFIG: any = {
    app: '#2d2a26',
    filter: '#2e6991',
    table: '#a8353a',
    service: '#ae6d36',
    navigation: '#014822'
};

然后在你的文件中这样调用它:

import { Log } from 'ng2-logger';
import { LOG_CONFIG } from 'path/log_config';

const log = Log.create('Table's Component);
log.color = LOG_CONFIG.table;

这样,您可以为每种类型的文件或组件使用一种颜色来实例化您的Log

在我的例子中,我只是用颜色来做,你可以用文本、级别和其他 ng2-logger 选项来做。

希望对您有所帮助!

干杯! ;)

关于Angular 2 ng2-logger 自定义颜色配置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44805377/

相关文章:

node.js - ionic - 关于版本的困惑

javascript - 未触发可观察的 next() 回调

Angular Material2 md-select 下拉菜单出现在页面底部

angular - 将 docker-compose 中的环境变量注入(inject) Angular4 应用程序

angular - 如何在 Angular2 中将可观察到的值传递给(单击)处理程序

angular - 如何调试使用 ng build --prod 构建时生成的错误?

css - Angular - 使用正则表达式和 css 使用 ngIf 和 ngFor 条件格式化标签

angular - 在 Angular/RxJs 中,如何捆绑 http 请求以便一个 bundle 包含多个请求(http ://test/1, http ://test/2, 等)

c# - 从 .net core 2.1 中间件重定向到 Controller 操作/ View 的正确方法

angular - 如何在音频对象的onerror事件中访问全局变量