大家好,
想請問頁面有多個相同的component 時, 更改其中一個component時, 如何才能不影響其他的component?
例如:
1. app.component.ts
在AppComponent 內利用for loop製造了許多component(因為大部分的框架一樣,只有一些view不同,想用ng-content換掉就好),而這些相同名子的Componnet的class不一樣(例如:col-md-5, col-md-8…)
@Component({
selector: ‘app-root’,
template: <counter *ngFor="let item of items; class="item.size"></counter>
})
export class AppComponent {
}
2.counter.component.ts
而在這component中,想要置換原本component的size
@Component({
selector: ‘counter’,
template: <div> it's a counter component <button class="btn" (click)="changeSize()">change counter size</button> </div>
})
export class CounterComponent {
changeSize() {
/*Q: 想請問在這function內,該用什麼方法可改變單一的class,而不是全部的class */
}
}
謝謝!!