Question

我是角色的新手，我在其中一个中有两个组件文件，我创建了以下内容：

person.ts

export class Person {
    name: string;
}
export const PEOPLE = [{name:"Jim"},{name:"Ted"},{name:"John"},{name:"Billy"}]

我想在我的其他ts文件中使用const PEOPLE但是当我在新组件中遍历PEOPLE const时，它没有看到它返回空白的名称。

这是我正在尝试导入的ts文件。

hello.ts

import { Component, OnInit } from '@angular/core';    
//import from person.ts
import {PEOPLE} from '../person/person';

@Component({
  selector: 'app-hello',
  templateUrl: './hello.component.html',
  styleUrls: ['./hello.component.css']
})
export class HelloComponent implements OnInit {

  greetings: string;
  people:PEOPLE;
  constructor() {

   }
   log(event){
     console.log(event);
   }
  ngOnInit() {
  }

}

当我在hello.ts中的people变量上执行console.log时，它表示没有定义人员。如何成功将const从另一个ts导入到我的另一个

中

Answer 1

尝试替换

people:PEOPLE;

以下内容：

greetings: string;
people = PEOPLE;

Answer 2

import * as person from './../person/person';
...
...

let people = person.PEOPLE;

从另一个自定义组件

2 个答案: