如何以角度将切片字符串值添加到数据源数组？答案

【问题标题】：How to add sliced string value to dataSource array in angular?如何以角度将切片字符串值添加到数据源数组？
【发布时间】：2022-07-12 15:43:20
【问题描述】：

切片字符串

ngOnInit(): void {
    var ba =  this.QuestionOptions;
    var ab = this.QuestionOptions[0].option_description;
    ab = ab.replace("{",'');
    ab = ab.replace("}",'');
    ab=ab.replace('"row":','');
    ab=ab.replace('"columns":','');
    ab=ab.replace(/'/g, "");
    ab=ab.replace(/"/g,"");
    var aa = ab.split(",");
    var rows = aa[0].split("\\n"); 
    var cols = aa[1].split("\\n");
    
    console.log(aa);

输出有不同的值。现在我想将输入的输出以角度形式发送到这个 dataSource 数组。

dataSource = [];

【问题讨论】：

标签： arrays angular string slice

【解决方案1】：

你的问题不清楚。首先，切片字符串后的输出是什么。其次，您将数据源用于什么目的？它是用于角材料前表视图吗？如果是，那么最好将数组作为[datasource] = "datasource" 传递，并且您需要为不同字段的数据源创建和接口。

【讨论】：

我输入了 3 个数据，所有数据都变成了 1 个字符串，因为我将它切片并保存到 3 个不同的字段中。是的 dataSource 用于表格视图。该值显示在输出表中。我想使用这个数据源数组将这些字符串放入表视图中。
这就是 dataSource 被 HTML 调用的方式```

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

这是一个如何将值传递给 Angular 材质表的示例。查看 Angular 材料文档以获取有关如何在 Angular 中进一步配置表格的更多信息

export interface PeriodicElement {
      name: string;
      position: number;
      weight: number;
      symbol: string;
    }
    
    const ELEMENT_DATA: PeriodicElement[] = [
      {position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H'},
      {position: 2, name: 'Helium', weight: 4.0026, symbol: 'He'},
      {position: 3, name: 'Lithium', weight: 6.941, symbol: 'Li'},
    ];

    displayedColumns: string[] = ['position', 'name', 'weight', 'symbol'];
      dataSource = ELEMENT_DATA;

在您的 HTML 文件中

<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">

【讨论】：

这是你的问题是什么仪式？如果是，请将其标记为答案。
我想要动态数据到数据源，但是谢谢你我从你的回答中学到了一些东西。

【解决方案3】：

我已经解决了这个问题。我所做的分配和数组如下，只是从字符串的下面调用它，我正在切片来自 API 的字符串

dataSource=[]
displayColumns: string[] = []

字符串切片

var ab = this.QuestionOptions[0].option_description;
    ab = ab.replace("{",'');
    ab = ab.replace("}",'');
    ab=ab.replace('"row":','');
    ab=ab.replace('"columns":','');
    ab=ab.replace('"drpdown":','')
    ab=ab.replace(/'/g,'');
    ab=ab.replace(/"/g,'');
    ab=ab.replace(/"/g,'');
    var aa = ab.split(',');
    var row = aa[0].split("\\n");
    var cols = aa[1].split("\\n");
    var drop = aa[2].split("\\n");

    this.dataValue = row;
    this.displayColumns=cols;

【讨论】：