Question

如标题中所述，在单击时，我可以显示想要的内容，但不能按预期显示在覆盖窗口中。

这是我的html代码：

<div class="col-sm-2">
  <img style="width: 75px;" (click)="showGenresExclus()" src="url">
</div>
<p-dialog [(visible)]="displayGenresExclus">
 <div *ngFor="let genre of genresExclus">
  <div class="col-sm-2">
    <label for="{{ genre }}">{{ genre }} : </label>
    <input type="checkbox" id="{{ genre }}" (change)="genreSelected()" class="form-control">
  </div>    
 </div>
</p-dialog>

我的TypeScript代码：

public showGenresExclus(){
this.displayGenresExclus = true;
}

如果您需要我所有的依赖版本（因为我使用的是Primeng 8的Angular 10，并且今天早上删除了所有，但仍然无法正常工作）：

"dependencies": {
"@angular-devkit/build-angular": "^0.900.7",
"@angular/animations": "^9.1.3",
"@angular/cdk": "^9.1.3",
"@angular/cli": "^9.1.3",
"@angular/common": "^9.1.3",
"@angular/compiler": "^9.1.3",
"@angular/compiler-cli": "^9.1.3",
"@angular/core": "^9.1.3",
"@angular/forms": "^9.1.3",
"@angular/material": "^9.1.3",
"@angular/platform-browser": "^9.1.3",
"@angular/platform-browser-dynamic": "^9.1.3",
"@angular/router": "^9.1.3",
"@ngtools/webpack": "^9.1.3",
"angularx-social-login": "^2.3.1",
"bootstrap": "^3.4.1",
"core-js": "^2.5.4",
"jquery": "^3.5.1",
"primeng": "^9.1.2",
"rxjs": "~6.6.0",
"tslib": "^1.9.0",
"typescript": "^3.6.5",
"zone.js": "~0.10.3"
},

我尝试了https://www.primefaces.org/primeng/showcase/#/dialog中描述的几乎所有属性。

我去过所有论坛，那里的问题都像我的，但事实上是，显示效果很好，只是不在叠加中，我想这么做。

来自Angular 9.1.3中primeng 9.1.2的p-dialog直接显示在我的组件上，而不是覆盖图

0 个答案: