这个箭头的目的是什么?感谢这篇文章,我知道了虚线区域,但我不知道箭头是什么。
这是一个可重现的示例:
.container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
background-color: grey;
width: 50px;
}
.item {
height: 84px;
width: 112px;
}Run Code Online (Sandbox Code Playgroud)
<div class="container">
<div class="item"></div>
</div>Run Code Online (Sandbox Code Playgroud)
继这张图之后:
我的问题是:
希望这足够清楚。谢谢
使用 CopyWebpackPlugin,我无法忽略特定文件夹或特定文件。它复制一切。
我在 webpack.config.js 中做了什么:
new CopyWebpackPlugin([
{
from: 'src/assets',
to: 'assets',
ignore: ['src/assets/img/folder/test.png']
},
]),
Run Code Online (Sandbox Code Playgroud)
我也这样试过:
new CopyWebpackPlugin([
{
from: 'src/assets',
to: 'assets',
ignore: ['src/assets/img/folder/*']
},
]),
Run Code Online (Sandbox Code Playgroud)
关于自述文件,我认为我做得对。
我使用Angular Material选项卡显示几个带有循环ng的选项卡.这工作正常但是现在我想在初始化时打开第二个选项卡而不是第一个选项卡.因此,我在mat-tab-group中添加了selectedIndex属性,但它不起作用,仍然在第一个选项卡上继续打开.
HTML
<mat-tab-group class="col-10 offset-1" (selectedTabChange)="onTabChanged($event)" [selectedIndex]="1">
<mat-tab label={{tab.name}} *ngFor="let tab of tabs; let index = index">
<div>
Values: {{tab.values}}
</div>
</mat-tab>
</mat-tab-group>
Run Code Online (Sandbox Code Playgroud)
使用ngOnInit中服务器的服务获取变量"tabs",如下所示:
零件
this.api.getDataset(this.route.snapshot.params["experimentid"]).subscribe(
res => {
this.tabs = res;
},
err => {
console.log(err);
}
);
Run Code Online (Sandbox Code Playgroud)
我认为它来自这里,因为如果我手动设置标签而不请求服务器它可以工作.像这样:
this.tabs = [{name: "X2", values: "52"}, {name: "Z2", values: "52"}, {name: "R2", values: "52"}]
Run Code Online (Sandbox Code Playgroud) Karma我使用、Sinon和执行一些单元测试Mocha。它运行良好,一个月来,我在运行这些单元测试时遇到了一些问题。我的 HeadlessChrome 出现错误。事实上,它显示了这个错误:
HeadlessChrome 83.0.4103 (Windows 10.0.0) ERROR
Disconnected, because no message in 30000 ms.
Run Code Online (Sandbox Code Playgroud)
我有这个业力配置:
module.exports = function (config) {
config.set({
// Others configs
...
port: 9876,
browsers: ['ChromeHeadlessNoSandbox'],
customLaunchers: {
ChromeHeadlessNoSandbox: {
base: 'ChromeHeadless',
flags: [
'--no-sandbox', // required to run without privileges in docker
'--user-data-dir=/tmp/chrome-test-profile',
'--disable-web-security'
]
}
},
captureTimeout: 10000,
plugins: [
'karma-mocha', 'karma-mocha-reporter', 'karma-junit-reporter', 'karma-chrome-launcher',
'karma-typescript', 'karma-html-reporter'
]
});
};
Run Code Online (Sandbox Code Playgroud)
我找到了两种方法来修复它:
module.exports …Run Code Online (Sandbox Code Playgroud) 我有一个父母,这是一种形式。此表单由两个子组件组成:
实验创建(父级)
我使用一个角度组件-> mat-accordion来浏览两个子组件。我使用@Input将子组件中的内容填充到父项中。我只想为两个都选择一个文件才提交表单。因此,我设置了一个变量(在datasetList [i] .fileValid中),以表明是否已选择文件。像这样,如果文件未更新,我禁用了该按钮。为了禁用按钮,我调用了两个函数:
但是,当变量更改为第二个子组件时,它不会更新禁用按钮。仅当我按“上一个”和“下一个”时,此方法才有效。该按钮不再被禁用。就像我需要重新加载或刷新父项一样。也许是因为生命周期?
父组件:
export class ExperimentCreateComponent implements OnInit {
data: any = {};
datasetList: any = [{ fileValid: false }];
metadataList: any = [{ fileValid: false }];
// Functions to navigate through the expansion panels
setStep(index: number) {
this.step = index;
}
nextStep() {
this.step++;
}
prevStep() {
this.step--;
}
isDatasetFilesValid() {
return this.datasetList.findIndex(function(item, i) {
return item.fileValid == false;
});
}
isMetadataFilesValid() {
return this.metadataList.findIndex(function(item, i) {
return …Run Code Online (Sandbox Code Playgroud) 使用res.send(数据)而不是res.json(数据)更新
使用Angular 6和NodeJS我正在做一个Web应用程序.我正在尝试从http发布请求下载文件.
我像这样向服务器发送请求.从我的组件我调用服务中的函数.在组件中,我怀疑有服务器的答案,当我有它时,我创建一个新的Blob与响应和我使用FileSaver下载PDF.
现在,当我从服务器收到答案时,客户端将其视为错误,而状态为200.错误消息为: "解析http:// localhost:3000/api/experiment/regression期间的Http失败" 请参阅下面的截图.
Component.ts
this.api.postML(this.regression).subscribe(
res => {
console.log(res);
let pdf = new Blob(res.data, { type: "application/pdf" });
let filename = "test.pdf";
FileSaver.saveAs(pdf, filename);
},
err => {
alert("Error to perform the regression");
console.log(err);
}
);
Run Code Online (Sandbox Code Playgroud)
API.Service.ts
public postML(data): Observable<any> {
// Create url
let url = `${baseUrl}${"experiment/regression"}`;
let options = {
headers: { "Content-Type": "application/json", Accept: "application/pdf" }
};
// Call the http POST
return this.http
.post(url, data, options)
.pipe(catchError(this.handleError));
}
Run Code Online (Sandbox Code Playgroud)
然后从服务器,它执行一些代码与发送的数据,并生成PDF文件.然后,我想将pdf作为对客户的回复发送.我试过这样的: …
考虑到,我有一个像这样的数组[...,n-2,n-1,n,n + 1,n + 2,...]。我想以[n,n + 1,n-1,n + 2,n-2,...]的方式对它进行排序,其中n等于数组的中间位置。
例如:
输入:
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
Run Code Online (Sandbox Code Playgroud)
输出:
[5, 6, 4, 7, 3, 8, 2, 9, 1, 0]
Run Code Online (Sandbox Code Playgroud)
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
Run Code Online (Sandbox Code Playgroud)
我所做的工作正常,但是我想知道是否有更好的方法或更有效的方法?
angular ×3
javascript ×3
typescript ×2
arrays ×1
css ×1
git ×1
karma-runner ×1
mat-tab ×1
mean-stack ×1
node.js ×1
pivot ×1
pull-request ×1
sorting ×1
webpack ×1
webpack-4 ×1