在单独的文件中创建TypeScript类并在Angular 2组件中使用它们的步骤如下:
my-class.ts
,并在其中定义一个类。例如:export class MyClass {
private name: string;
constructor(name: string) {
this.name = name;
}
public getName(): string {
return this.name;
}
}
app.component.ts
中导入MyClass
:import { Component } from '@angular/core';
import { MyClass } from './my-class';
@Component({
selector: 'app-root',
template: `
<h1>{{ myClassInstance.getName() }}</h1>
`
})
export class AppComponent {
public myClassInstance: MyClass;
constructor() {
this.myClassInstance = new MyClass('John');
}
}
myClassInstance.getName()
来获取MyClass
实例的名称,并在组件模板中显示出来。这样,我们就成功地在单独的文件中创建了一个TypeScript类,并在Angular 2组件中使用它。在这个例子中,我们创建了一个名为MyClass
的类,它具有一个私有属性name
和一个公共方法getName()
。在AppComponent
组件中,我们实例化了MyClass
类,并在模板中使用它的实例。
请注意,这只是一个简单的示例,你可以根据自己的需求定义更复杂的类和方法。另外,这里没有提及具体的腾讯云产品,因为在这个问题中没有明确要求提及相关产品。
领取专属 10元无门槛券
手把手带您无忧上云