时间戳

首页 > 解决方案 > 在课堂之外分享价值观

javascript - 在课堂之外分享价值观

问题描述

我目前正在开发一个 Angular 应用程序，它接受一个字符串，通过一个函数运行它，该函数根据输入生成一个数组，然后将值输出到一个表中。

我有使用函数生成数组的部分工作正常，并且我有根据结果数组生成表的部分工作正常。然而，目前，表生成器采用模拟数据数组，而不是我的实际数据。我正在努力的是将数据从函数获取到表生成。

供参考：数组生成器是我的组件中的类内部的一个函数。目前，此函数返回一个变量（映射到“数组”类型的接口），但我遇到的麻烦是“将变量从类中取出”并放入一个等待并准备接收数据的常量，然后由表生成​​器使用。

我正在使用 Material Angular 的表格生成部分，因此下面的“dataSource = new MatTableDataSource”等就是为此。

这是我正在谈论的一些粗略的伪代码；

export class myGreatClass{
  function(stringToBeWorkedWith){
    var output: MyInterface[] = [];
    //code to generate the array based upon the string
    output.push(//result from above);
    return output;
  }
//table generation code
dataSource = new MatTableDataSource<MyInterface>(DUMMY_DATA)
}
export interface MyInterface {
id: number;
name: string
}
const DUMMY_DATA: MyInterface[] = [
//multiple objects of dummy data
];

我尝试使用“this.output”将“输出”变量直接输入“DUMMY_DATA”的位置，但它只是告诉我；'string' 类型的参数不可分配给 'MnemonicEntry[]'.ts(2345) 类型的参数

在我看来，如果我能以某种方式将“输出”的值从类中取出，并放入底部定义的常量（代替当前为占位符提供服务的“虚拟数据”），我们就是黄金，但我想不出该怎么做，或者是否有可能。

标签： javascriptangulartypescriptclassangular-components

解决方案

推荐阅读