小编blu*_*arl的帖子

在Visual Studio代码中编写单元测试

我是使用Visual Studio代码代替视觉工作室的新手,我觉得我可以设置我的程序以包含单元测试.

我创建了ac#console app,我想创建一个测试文件,在其中我可以测试我的主程序用于控制台应用程序.我正在阅读所有这些扩展文档,但我没有得到我期待的.我创建了一个测试扩展,我已将其添加到我的主app文件夹中.有关如何以与视觉工作室相同的方式/类似方式集成单元测试的任何有用提示.

c# unit-testing visual-studio-code

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

检查 ng-if 语句中的字符串值

我想检查一个对象的属性值,并想检查要比较的字符串数据。

<div ng-if="results.dataType === 'textTable'"> 
     This text belongs in a table. 
</div>
Run Code Online (Sandbox Code Playgroud)

到目前为止,所有 div 都与正文中的文本一起出现,其中只有两个 div 应该显示它。

我的 ng-if 语句和字符串比较有什么问题吗?

javascript angularjs angular-ng-if

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

在angular2中使用ng2-charts的水平条形图

我是使用 ng2-charts 的新手,我想知道是否可以使用水平条形图?我只看到一个垂直条形图,但我不确定是否可以将其更改为包含水平条形图。我可以在 ng2-charts 中自定义条形图多远?

ng2-charts angular

7
推荐指数
2
解决办法
6053
查看次数

ng2-charts条形图不显示数据/图形标签

我使用angular2中的ng2-charts构建了一个水平条形图,但我不确定为什么我没有看到图形数据,也没有在控制台中看到任何错误.

HTML:

<canvas baseChart [data]="barChartData" [labels]="barChartLabels" [options]="barChartOptions" [legend]="barChartLegend" [chartType]="barChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
</canvas>
Run Code Online (Sandbox Code Playgroud)

零件:

  result: Iresult[] = [];

  barChartLabels: string[] =[];
  barChartType: string = 'horizontalBar';
  barChartLegend: boolean = true;
  barChartData: any[] = [];

  barChartOptions: any = {
    scaleShowVerticalLines: false,
    responsive: true
  };
  barChartLabels: string[] =[];
  barChartType: string = 'horizontalBar';
  barChartLegend: boolean = true;
  barChartData: any[] = [];

getData(){
    this.dataService.getData().subscribe(
      data => {
        this.result = data;
        this.barChartLabels = this.result.map(item => item.label);
        console.log(this.barChartLabels); // RESULT: ["test 1", "test 2"]
        this.barChartData = this.result.map(item => …
Run Code Online (Sandbox Code Playgroud)

ng2-charts angular

3
推荐指数
1
解决办法
1753
查看次数

从数组中删除项目并将其添加到另一个数组

我向用户显示了一系列包含内容的 div,用户可以从页面中删除 div,这样他们就看不到它了。

我想获取从数组中删除的相同 div 内容,并将其添加到将用于填充下拉列表的另一个数组中。

这就是我所拥有的:

//Remove function
removeCategory(index: number): void {
    this.categories.splice(index, 1);
}
//Array
categories: Array<Item> = [
    new Item(1, 'test1'),
    new Item(2, 'test2')
];
//New Array to add previous removed item
ddoptions: Array<object> = [];
Run Code Online (Sandbox Code Playgroud)

是否可以在 removeCategory 函数中的 splice 之前执行 push 语句?我不确定要传入什么,因为这样做会给我一个错误:

this.ddoptions.push(index);
Run Code Online (Sandbox Code Playgroud)

javascript arrays typescript

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

将ng2-chart画布导出为png图像

我想创建一个链接,允许用户下载显示的图形.我目前正试图让它发挥作用的方式是.toDataUrl被认为是一种安全的方式,还是有另一种方法可以实现这一目标.

HTML:

<canvas id="myChart" baseChart [colors]="colorsOverride" [datasets]="barChartData" [labels]="barChartLabels" [options]="barChartOptions" [legend]="barChartLegend"
    [chartType]="barChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)">
</canvas>

<div class="footer">
  <button (click)="exportGraph()">Export Graph</button>
</div>
Run Code Online (Sandbox Code Playgroud)

组件:

  export_graph = <HTMLCanvasElement>document.getElementById("myChart");
  downloadLink: string;

  exportGraph(){
    this.downloadLink = this.export_graph.toDataURL("image/png");
  }
Run Code Online (Sandbox Code Playgroud)

当我尝试导出时,这是我在控制台中收到的错误消息: Cannot read property 'toDataURL' of null

javascript ng2-charts angular

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

使用ngIf检查数组长度或显示div的内容

我想根据数据数组的长度来控制是否显示div。如果有数据,请继续显示div,如果没有,则将其隐藏。我正在使用* ngIf,但我想问两种不同的方法,一种方法是否比另一种方法好,也许是为什么。

*ngIf="dataArray?"
Run Code Online (Sandbox Code Playgroud)

要么

*ngIf="dataArray?.length > 0"
Run Code Online (Sandbox Code Playgroud)

angular

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

在应用程序和每个模块中导入sharedModule Angular 2

我对 Angular 2 中如何使用共享模块的导入有点困惑,并寻求一些澄清。

因此,当我使用导入的组件和模块创建 SharedModule 类时,我也将其导出以供重用。我将 SharedModule 导入到我的 app.module 中,因此: 1.它将在应用程序加载时出现。2.所以我不必在其他功能模块中导入它。

我注意到,即使我导入了我的 app.module,但是当我运行我的应用程序时,我收到错误消息,指出我缺少组件或对模块的引用。所以我最终在所有功能模块中导入了共享模块。我认为通过将其放置在 app.module 中,我就不必将其导入到其他模块中?

angular

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

Angular 2 attr.disabled 的行为不符合预期

我有一个要显示的项目列表,每个项目旁边都有一个复选框。我有一个条件语句来检查是否应禁用或启用每个项目的复选框。由于某些不清楚的原因,我的列表中的每个复选框都被禁用,我不确定这是否是我设置 [attr.disabled] 的方式或我的条件语句中的错误。

这是我的html:

 <input class="form-control" [attr.disabled]="disabled == true ? true : null"
     type="checkbox"[checked]="item.status" (click)="itemChecked($event, item)" />
Run Code Online (Sandbox Code Playgroud)

在我的组件中:

private disabled: boolean;

for( let item of items){
if (item.id == Status.required) {
                item.status = true;
                this.disabled= true;
            } else if (item.id != Status.required && item.list.length > 0) {
                item.status = item.id == Status.checked
                this.disabled= false;
            } else {
                item.status = item.id == Status.unchecked;
                this.disabled= false;
            }
    }
Run Code Online (Sandbox Code Playgroud)

目前在我的列表中,无论我的项目的状态如何,所有复选框都被禁用,并且不确定原因。

checkbox angular

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

更改导入的图表数据上的ng2-charts标签文本

我将数据导入图表图表(角度2的ng2图表),我正在从json文件加载数据.我想知道如何覆盖图表上的标签文字?

以下是我所拥有的内容:https://plnkr.co/edit/xr6xs6PmaF9iQ6DsRnHT?p = preview

在图的顶部,Label 0我想覆盖/更改标签文本说:Test Results我如何使用我当前的代码结构来做这件事.

ng2-charts angular

0
推荐指数
1
解决办法
1120
查看次数