小编phy*_*boy的帖子

我有一个待办事项列表，其中包含一个孙子项中的删除按钮，当单击该子项时会在父项中触发一个事件-我希望此事件删除与单击的孙子项对应的数组项。

父级（包含数组和我对函数的尝试）

const tasks = [
  { name: 'task1', isComplete: false },
  { name: 'task2', isComplete: true },
  { name: 'task3', isComplete: false },
]

// taskToDelete is the name of the task - doesn't contain an object
deleteTask(taskToDelete) {
    this.state.tasks.remove(task => task.name === taskToDelete);
    this.setState({ tasks: this.state.tasks });

}

任何帮助，将不胜感激

目前，我的应用程序具有标准布局，工具栏具有固定的sidenav和内容部分。从那以后，我发现可以使用包含类在工具栏上添加阴影mat-elevation-z4，但是当我向下滚动内容部分时，似乎看不到阴影可以覆盖内容部分。

我还尝试使用z-index来更正此问题...

mat-toolbar我给了z-index: 2，<div class="container">我给了z-index: -1

如果有人能给我一些建议，我将不胜感激。

我试图在我的 API 中加载一些 CSV 数据，以便我可以操作它并传递到我的前端，但是我在返回数据时遇到了一些问题。

我在这里使用fast-csv进行解析。

服务.js

const fs = require('fs');
const csv = require('fast-csv');

module.exports.getFileContents = (filepath) => {
    let data = [];

    fs.createReadStream(filepath)
        .pipe(csv.parse({ headers: true }))
        .on('error', error => console.error(error))
        .on('data', row => data.push(row))
        .on('end', () => {
            console.log(data) // This will print the full CSV file fine
            return data;
        });
};

路线.js

router.get('/data/:filename', (req, res) => {
  const file = FS.getFileContents(testUrl + '/' + req.params.filename + '.csv');
  console.log(file); // This prints 'undefined'
  res.send(file);
}); …

这似乎是一个愚蠢而明显的问题,但我似乎无法让我的道具工作......

任何人都可以告诉我为什么我不能得到我传递道具的console.log？

当然,我稍后会想要做更复杂的功能,但我想我会尝试先找出基础知识而不仅仅是复制YOUTUBE TUTORIAL

App.js

import React from 'react';
import List from './Components/list';
import Input from './Components/input';

const tasks = [
  { name: 'task1', isComplete: false },
  { name: 'task2', isComplete: true },
  { name: 'task3', isComplete: false },
]

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      error: null
    }
  }

  render() {
    return (
      <div>
        <List taskList={this.state.tasks}/>
      </div>
    )
  }

list.js

import React from 'react';
import ListBody from './ListComponents/list-body';
import ListHeader from './ListComponents/list-header';

class List …

我正在使用Angular 5试图显示一个我已经坐在文件2目录中的图像,我从那里获得HTML,但是我只是得到了空白图像框并且在控制台中出现错误:

GET http:// localhost:4200/logo.jpg 404(未找到)

我试图通过代码输出:

<img src="../../logo.jpg">

我已经通过在src其中放置了一个完美的placeholder.it图像进行测试...出于某种原因,这不会？

我有一个没有抽象方法的abstract类......如何测试这个？我可以简单地将它导入测试类并照常开展业务吗？

例:

public abstract class SomeAbstractClass implements SomeOtherClass {

    // Some variables defined here
    private static final String dbUrl = System.getProperty("db.url");

    // Some public methods
    public String doSomethingToUrl(String url) {
        url = url + "/takeMeSomewhereNice";
    }

}

说我在ARG通为db.url的localhost:8080,我想测试的doSomethingToUrl方法做输出新的字符串...它仍然会是这种格式？

public class TestUrl {

    SomeAbstractClass sac = new SomeAbstractClass();

    @Test
    public void testUrlChange() throws Exception {

        String testUrl = "localhost:8080";

        assertThat("localhost:8080/takeMeSomewhereNice", 
            sac.doSomethingToUrl(testUrl));
    }
}

我有一个仅使用Subject的Angular服务，但是我不确定如何为它编写单元测试。

我看到了[this thread] [1]，但没有发现它有很大帮助。

我曾尝试嘲笑，next()但我迷失了不少。

我有个突如其来的指导。

我想显示一个物料卡列表，单击“编辑”按钮，可以在其中编辑文本字段，当我单击“保存”图标时，当然会通过触发功能等进行保存。

但是，我正在努力掌握这一切在Angular中的工作方式以及我的应用程序的Material本质。

html

<form id="myForm" [formGroup]="thisIsMyForm">
  <mat-card [formGroup]="x" *ngFor="let x of data; let i = index">
    <mat-form-field>
      <label for="{{x.name}}">Name</label>
      <input formControlName="name" id="{{x.name}}" matInput value="{{x.name}}">
    </mat-form-field>
    <mat-form-field>
      <label for="{{x.type}}">Type</label>
      <input formControlName="type" id="{{x.type}}" matInput value="{{x.type}}"/>
    </mat-form-field>
  </mat-card>
</form>

ts

import { Component, ViewChild } from '@angular/core';
import {MatSnackBar} from '@angular/material';
import {FormArray, FormBuilder, FormGroup, Validators} from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  thisIsMyForm: FormGroup

  data = [
    {name:"one", type:"one"},
    {name:"two", …