在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;
}
}
```
这些方法可以根据具体的需求选择使用,以访问或更新其他组件类中的变量。请注意,以上示例中的代码仅为演示目的,实际使用时需要根据项目的具体情况进行调整。
领取专属 10元无门槛券
手把手带您无忧上云