小编Edg*_*ero的帖子

将环境变量与Vue.js一起使用

我一直在阅读官方文档,我无法找到有关环境变量的任何内容.显然有些社区项目支持环境变量,但这对我来说可能有点过头了.所以我想知道在使用Vue CLI创建的项目时,是否有一些开箱即用的本机工作原理.

例如,我可以看到,如果我执行以下操作,正确的环境会打印出已经设置好的含义吗?

mounted() {
  console.log(process.env.ROOT_API)
}
Run Code Online (Sandbox Code Playgroud)

我是env变量和Node的新手.

仅供参考,使用Vue 3.0测试版.

environment-variables node.js vue.js vue-cli

25
推荐指数
6
解决办法
4万
查看次数

Angular 测试中没有 $injector 的提供者

我一直在尝试在我们的混合 AngularJS/NG6 应用程序中设置测试,但哇,这很难做到。我不断收到错误。最新情况如下:

错误:StaticInjectorError(DynamicTestModule)[$injector]:

静态注入器错误(平台:核心)[$injector]:

NullInjectorError: $injector 没有提供者!

我有以下几点component

import { Component, OnInit, Input, Inject } from '@angular/core';
import { DashboardService } from '../../services/dashboard/dashboard.service';

@Component({
    templateUrl: './views/components/dashboard/dashboard.component.html'
})
export class DashboardComponent implements OnInit {
    @Input()
    Session;
    Util;
    constructor(
        private _dashboardService: DashboardService,
        @Inject('Session') Session: any,
        @Inject('Util') Util: any
    ) {
        this.Session = Session;
        this.Util = Util;
    }

    ngOnInit() {
        this._dashboardService
            .getPrograms(this.Session.user.organization)
            .subscribe(
                data => {
                    console.log(data);
                },
                error => {
                    console.log(error);
                }
            );
    }
}
Run Code Online (Sandbox Code Playgroud)

这工作得很好。我可以从我们的 API 中提取数据。另一方面,我有这个spec …

karma-jasmine angular angular-test angular-hybrid

5
推荐指数
1
解决办法
2351
查看次数

将border-radius属性添加到D3js Donut Chart

我目前在AngularJS应用程序中使用这个圆环图:

在此输入图像描述

但设计模型说我们想要这样,请注意弧的绿色部分的border-radius属性:

在此输入图像描述

如何向d3js输出的SVG添加border-radius,我目前使用的代码如下所示:

let data = [
    {
        label: 'Data',
        count: scope.data
    },
    {
        label: 'Fill',
        count: 100 - scope.data
    }
];

let width = 60;
let height = 60;
let radius = Math.min(width, height) / 2;
let color = d3.scale
    .ordinal()
    .range(['#3CC692', '#F3F3F4']);
let selector = '#donut-asset-' + scope.chartId;

d3
    .select(selector)
    .selectAll('*')
    .remove();

let svg = d3
    .selectAll(selector)
    .append('svg')
    .attr('width', width)
    .attr('height', height)
    .append('g')
    .attr(
        'transform',
        'translate(' + width / 2 + ',' + height / 2 + ')' …
Run Code Online (Sandbox Code Playgroud)

javascript jquery d3.js angularjs donut-chart

2
推荐指数
1
解决办法
1125
查看次数

为什么JS中这两个数组的语法不同?

它们都包含相同的值,但我想知道为什么当我在Dev工具中控制它们时它们看起来有所不同.

在此输入图像描述

var values = [6, 6, 6, 19, 13, 50]; 

function boxWidth() {
    var widths = new Array();
    widths.push(values);
    console.log(widths);
    console.log(values);
} 
Run Code Online (Sandbox Code Playgroud)

javascript arrays developer-tools

-4
推荐指数
1
解决办法
53
查看次数