angular - 如何在 Angular 2 的另一个组件中导入类？

Question

我是 Angular 2 和 TypeScript 的新手，我正在尝试遵循我想在我的另一个组件即 header 中使用 Test 类变量的代码。

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
}
export class Test{
static var1:number=10;
}

var1 是静态的，因为我想在不制作测试实例的情况下使用它。

另一个组件可视化标题中的代码

import { Component, OnInit } from '@angular/core';
import {Test} from '../app.component';
@Component({
  selector: 'app-header',
  Template;`<h1> Hello</h1>
            <h1>{{Test.var1}}</h1>`
})
export class HeaderComponent implements OnInit {
  constructor() { }

  ngOnInit() {
  }

}

此代码仅显示 hello 而不是静态变量“10”。

提前谢谢你。

Answer 1

import { Component, OnInit } from '@angular/core';
import {Test} from '../app.component';
@Component({
  selector: 'app-header',
  Template:`<h1> Hello</h1>
            <h1>{{test.var1}}</h1>`
})
export class HeaderComponent implements OnInit {
  constructor(private test: Test) { }

  ngOnInit() {
  }

}

Mistakes

• 使用模板而不是模板
• 在模板之后使用:而不是;
• 在构造函数中创建实例