如果在Angular中使用Mat-Accordion遇到动态情况下不起作用的问题,你可以尝试以下解决方法:
import { MatExpansionModule } from '@angular/material/expansion';
@NgModule({
imports: [MatExpansionModule],
...
})
export class YourModule { }
{{ item.title }}
{{ item.content }}
...
然后,在你的组件类中使用ViewChild装饰器引用该变量,并在需要的时候调用openAll或closeAll方法:
import { MatAccordion } from '@angular/material/expansion';
import { ViewChild } from '@angular/core';
@Component({
...
})
export class YourComponent {
@ViewChild('accordion') accordion: MatAccordion;
openAllPanels() {
this.accordion.openAll();
}
closeAllPanels() {
this.accordion.closeAll();
}
}
这样,你就可以在动态情况下通过调用openAllPanels或closeAllPanels方法来打开或关闭所有Accordion项。
希望这些解决方法对你有帮助!