在Angular 2中,要访问或更新其他组件类的变量,可以使用以下几种方法:
```typescript
import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { OtherComponent } from '路径/到/其他组件';
@Component({
selector: 'app-my-component',
template: `
<app-other-component></app-other-component>
`
})
export class MyComponent implements AfterViewInit {
@ViewChild(OtherComponent) otherComponent: OtherComponent;
ngAfterViewInit() {
// 访问或更新其他组件类的变量
this.otherComponent.otherVariable = '新值';
}
}
```
```typescript
import { Component } from '@angular/core';
import { SharedService } from '路径/到/共享服务';
@Component({
selector: 'app-my-component',
template: `
<button (click)="updateOtherComponentVariable()">更新其他组件变量</button>
`
})
export class MyComponent {
constructor(private sharedService: SharedService) {}
updateOtherComponentVariable() {
// 更新其他组件类的变量
this.sharedService.updateOtherVariable('新值');
}
}
```
```typescript
import { Injectable } from '@angular/core';
@Injectable()
export class SharedService {
otherVariable: string;
updateOtherVariable(newValue: string) {
this.otherVariable = newValue;
}
}
```
这些方法可以根据具体的需求选择使用,以访问或更新其他组件类中的变量。请注意,以上示例中的代码仅为演示目的,实际使用时需要根据项目的具体情况进行调整。
GAME-TECH
DB・洞见
云+社区沙龙online [腾讯云中间件]
北极星训练营
云+社区技术沙龙[第3期]
云+社区技术沙龙[第28期]
云+社区技术沙龙[第25期]
开箱吧腾讯云
北极星训练营
腾讯云GAME-TECH游戏开发者技术沙龙
云+社区技术沙龙[第1期]
领取专属 10元无门槛券
手把手带您无忧上云