要使用Angular 9的基础组件和@Injectable()装饰器,你可以按照以下步骤进行操作:
ng version
如果你的版本不是9.x.x,请运行以下命令来更新Angular CLI:
npm install -g @angular/cli
ng new my-app
这将创建一个名为"my-app"的新Angular项目。
cd my-app
ng serve
ng generate component my-component
这将在src/app目录下创建一个新的组件,并自动更新app.module.ts文件。
import { Component, Injectable } from '@angular/core';
@Injectable()
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
// 组件的代码逻辑
}
import { Component, Injectable } from '@angular/core';
@Injectable()
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
// 组件的代码逻辑
constructor() {
// 在这里添加你的构造函数逻辑
}
ngOnInit() {
// 在这里添加你的组件初始化逻辑
}
}
Hello, Angular 9!
这就是使用Angular 9的基础组件和@Injectable()装饰器的解决方法。你可以根据自己的需求自定义组件的功能和样式。