Question

我是angularjs的新手我的问题是，当我使用 Angular Material 中的 Expansionmodule 时，所有内容都在浏览器中呈现，但是箭头不起作用我的代码：（HTML文件）

<mat-accordion>
    <mat-expansion-panel >
        <mat-expansion-panel-header>
            {{newPost}}
        </mat-expansion-panel-header>
        <p> Helo_expan</p>
    </mat-expansion-panel>
</mat-accordion>

（。ts文件）

import {Component} from '@angular/core'

@Component({
    selector:'app-post-list',
    templateUrl:'./post-list.component.html',
    styleUrls:['./post-list.component.css']
})

export class PostListComponent {
    newPost="Hellooooo";
}

（app.module文件）我已经从'@ angular / material / expansion'导入{ExpansionModule}

下面是它在浏览器中呈现的内容

您能帮我发现我的错误吗？谢谢

Result

Answer 1

没有完整的代码很难帮助，也许您应该在配置或导入中修复某些问题。

您共享的代码段中没有明显的错误。

请以这个stackblitz demo为例。

检查是否设置了正确的theme（angular.json设置中的styles或全局styles.css中的sem_t m; sem_init(&m, 0, X); // initialize semaphore to X; what should X be? sem_wait(&m); // critical section here sem_post(&m);）。

您可以从此 stackblitz 示例开始，然后尝试在您本地的开发环境中运行它。

Answer 2

我不知道Angular有什么问题，但是删除了html文件中的所有代码并将其重写后，就可以了！谢谢！

Angular中的MatExpansionModule无法渲染长尾

2 个答案: