我是使用Visual Studio代码代替视觉工作室的新手,我觉得我可以设置我的程序以包含单元测试.
我创建了ac#console app,我想创建一个测试文件,在其中我可以测试我的主程序用于控制台应用程序.我正在阅读所有这些扩展文档,但我没有得到我期待的.我创建了一个测试扩展,我已将其添加到我的主app文件夹中.有关如何以与视觉工作室相同的方式/类似方式集成单元测试的任何有用提示.
我想检查一个对象的属性值,并想检查要比较的字符串数据。
<div ng-if="results.dataType === 'textTable'">
This text belongs in a table.
</div>
Run Code Online (Sandbox Code Playgroud)
到目前为止,所有 div 都与正文中的文本一起出现,其中只有两个 div 应该显示它。
我的 ng-if 语句和字符串比较有什么问题吗?
我是使用 ng2-charts 的新手,我想知道是否可以使用水平条形图?我只看到一个垂直条形图,但我不确定是否可以将其更改为包含水平条形图。我可以在 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) 我向用户显示了一系列包含内容的 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) 我想创建一个链接,允许用户下载显示的图形.我目前正试图让它发挥作用的方式是.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
我想根据数据数组的长度来控制是否显示div。如果有数据,请继续显示div,如果没有,则将其隐藏。我正在使用* ngIf,但我想问两种不同的方法,一种方法是否比另一种方法好,也许是为什么。
*ngIf="dataArray?"
Run Code Online (Sandbox Code Playgroud)
要么
*ngIf="dataArray?.length > 0"
Run Code Online (Sandbox Code Playgroud) 我对 Angular 2 中如何使用共享模块的导入有点困惑,并寻求一些澄清。
因此,当我使用导入的组件和模块创建 SharedModule 类时,我也将其导出以供重用。我将 SharedModule 导入到我的 app.module 中,因此: 1.它将在应用程序加载时出现。2.所以我不必在其他功能模块中导入它。
我注意到,即使我导入了我的 app.module,但是当我运行我的应用程序时,我收到错误消息,指出我缺少组件或对模块的引用。所以我最终在所有功能模块中导入了共享模块。我认为通过将其放置在 app.module 中,我就不必将其导入到其他模块中?
我有一个要显示的项目列表,每个项目旁边都有一个复选框。我有一个条件语句来检查是否应禁用或启用每个项目的复选框。由于某些不清楚的原因,我的列表中的每个复选框都被禁用,我不确定这是否是我设置 [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)
目前在我的列表中,无论我的项目的状态如何,所有复选框都被禁用,并且不确定原因。
我将数据导入图表图表(角度2的ng2图表),我正在从json文件加载数据.我想知道如何覆盖图表上的标签文字?
以下是我所拥有的内容:https://plnkr.co/edit/xr6xs6PmaF9iQ6DsRnHT?p = preview
在图的顶部,Label 0我想覆盖/更改标签文本说:Test Results我如何使用我当前的代码结构来做这件事.
angular ×7
ng2-charts ×4
javascript ×3
angularjs ×1
arrays ×1
c# ×1
checkbox ×1
typescript ×1
unit-testing ×1