我试图为其创建可执行文件electron app但遇到了这个问题

无法确定 Electron 版本。请指定一个电子版本

虽然我已经electron全局安装在我的机器上，但它仍然给我错误。

使用类似这样的内容： https://netbasal.com/dynamically-creating-components-with-angular-a7346f4a982d 我正在添加多个组件，问题是稍后如何根据单击的组件删除这些组件？我想做的是创建面包屑，然后单击面包屑时，将其下方的所有内容全部删除。为了创建它们，我使用以下代码：

createCrumb(name, key, level){
  let data = {name:name, key:key, level,level, diagram: this.diagram};
  const factory = this.this.resolver.resolveComponentFactory(BreadCrumbsButton);
  let componentRef = this.container.createOmponent(factory);
  (<BreadCrumbsButton>componentRef.instance).data = data;
}

所有这些都很完美，但我添加了它的倍数。问题是如何删除特定的而保留其余的？

我已经nav-bar通过此命令使用cli 创建了

ng g @angular/material:material-nav --name=version-nav

并在我的组件中导入为

<app-version-nav></app-version-nav>

并得到这个错误

任何有益的建议将不胜感激

正如您可能知道的，在早期版本的 Angular 中，可以借助ComponentFactoryResolveras创建动态组件

export class DialogService {
  dialogComponentRef: ComponentRef<DialogComponent>

  constructor(
    private componentFactoryResolver: ComponentFactoryResolver,
    private appRef: ApplicationRef,
    private injector: Injector
  ) {}

  appendDialogComponentToBody() {
     // logic to add component using `ComponentFactoryResolver` instance
  }
}

但现在ComponentFactoryResolver最新版本已弃用。

是的，有一种方法（到目前为止我知道）我们可以使用以下代码片段创建动态组件

@ViewChild("viewContainerRef", { read: ViewContainerRef }) vcr!: ViewContainerRef;

但同样，这只适用于component，而不适用于service。

任何帮助，将不胜感激。

要求

我需要将动态创建的组件放在具有行和列的容器中。行数和列数取决于用户输入。最初创建的每个组件都占用 1x1，即 1 行 1 列，然后可以根据用户要求调整大小。新创建的组件，先填充行，如果行被填充，则可以将其放置在最左列的下一行。所以故事一直持续到它填满容器，如图所示：

问题

问题是我无法按预期以正确的对齐方式插入这些组件。发生什么了？如果我添加第一个组件并将大小调整为 2x2，然后添加 1x1 的另一个组件，然后添加 1x1 的第 3 个组件。假设第三个组件插入在 1x1 的第二个组件下方，但它被插入到 2x2 的第一个组件下方：

我希望你现在更清楚我想要做什么。

如果我将新创建的组件包装在新列中，则可以解决此问题。简而言之，一列对应一个组件。但不知道如何使用每个新创建的组件创建列。

我有一个line-chart，我想缩放它但无法做到。这是我的代码

let ctx = document.getElementById('myChart')

let chart = new Chart(ctx, {
      type: 'line',
      data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
          label: '# of Votes',
          data: [7, 10, 3, 5, 2, 3],
          fill: true,
          backgroundColor: 'orange',
          borderColor: 'green',
          pointBorderColor: 'red',
          pointBackgroundColor: 'red'
        }]
      },
      options: {
        plugins: {
          pan: {
            enabled: true,
            mode: 'x',
            onPan: function () { console.log('I was panned!!!'); }
          },
          zoom: {
            enabled: true,
            drag: true,
            mode: 'x',
            onZoom: function () { …

将 Angular 应用程序部署到Heroku时，出现错误

错误 TS2349：无法调用类型缺少调用签名的表达式。输入 '((...items: number[]) => number) | ((...items: ChartPoint[]) => number)' 没有兼容的调用签名。

但是我在这个错误显示的组件中没有这种类型的代码。所以这似乎 chart.js 类型缺少问题或@types/chart.js版本不匹配。

正在使用以下版本

"chart.js": "^2.8.0",
"@types/chart.js": "^2.7.52"

更新

<div style="display: block;">
    <canvas #myChart baseChart 
            [datasets]="lineChartData" 
            [labels]="lineChartLabels" 
            [options]="lineChartOptions"
            [colors]="lineChartColors" 
            [legend]="lineChartLegend" 
            [chartType]="lineChartType"
          (chartClick)="onChartClick($event)">
    </canvas>
</div>

在 .ts 文件中

this.lineChartData[0].data = [0]
this.lineChartData[0].data = [1]
this.lineChartData[0].data = [2]

我已经进口了MatDatepickerModule，得到的mat-datepicker-actions还不知道。我猜还有其他一些模块需要导入。这是代码片段：

<mat-form-field appearance="fill" class="example-form-field">
   <mat-label>Choose a date</mat-label>
   <input matInput [matDatepicker]="datepicker">
   <mat-datepicker-toggle matSuffix [for]="datepicker"></mat-datepicker-toggle>
   <mat-datepicker #datepicker>
     <mat-datepicker-actions>
       <button mat-button matDatepickerCancel>Cancel</button>
       <button mat-raised-button color="primary" matDatepickerApply>Apply</button>
     </mat-datepicker-actions>
   </mat-datepicker>
 </mat-form-field>

注意：任何人都在库内提供解决方案angular-material，而不是第三方（通常规模太大）。我会很感激的。

NullInjectorError：类形成没有提供者！

// Component
import { Formation } from '../../Models/Formation';

@Component({
  selector: 'app-formation',
  templateUrl: './formation.component.html',
  styleUrls: ['./formation.component.scss'],
})
export class FormationComponent {
  constructor(private formation: Formation) { }
}

// Model Class
export class Formation {
}

有什么问题吗？

我想获取 html-element 的转换值

<div (click)="onClick($event)"></div>

onClick(element: HTMLElement) {
    console.log(element.style.transform); // output: translate(0px, 0px)
}

但我希望这些值是数字，即类似这样的

x = element.style.transform.translate.x; // output x = 0
y = element.style.transform.translate.y; // output y = 0

当我试图用exceljs在Angular-6像这样

import * as excel from 'exceljs'

createExcel() {
  let workbook = new excel.Workbook()
}

即使我只是初始化一个类并得到此错误.如果我注释掉这一行,let workbook = new excel.Workbook()那么错误就消失了

./node_modules/fs-constants/browser.js找不到模块:错误:无法解析'D:\ Developer\spire-client \node_modules\fs-constants'中的'常量'