angular - 如何在角度2中动态设置宽度和高度
问题描述
我已经创建了全局弹出组件。我想动态设置宽度和高度以及标题。怎么做?模态:
<app-m [(visible)]="show" title="Modal" data-popup="width:300;height:250">
<h1>Sample Title 1</h1>
<button (click)="show= !show" class="btn">Close</button>
</app-m>
解决方案
你可以用decorators
. 将高度、宽度和标题模型传递给<app-dialog>
这样的:
现在dialog.component.html
应该是:
<div [@modal] *ngIf="visible" class="dialog" [ngStyle]="{'width': width+'px', 'height': height+'px'}">
<b>{{title}}</b>
<ng-content></ng-content>
<button *ngIf="closable" (click)="close()" aria-label="Close" class="cls">X</button>
</div>
<div *ngIf="visible" class="overlay" (click)="close()"></div>
推荐阅读
- graphql - 如何从 Apollo Server 端点获得完整的 GraphQL 架构?
- go - Go 代码在本地环境中的运行结果与在 go play 中运行的结果不同
- javascript - TestCafe:如何选择具有某种类模式的第一个 DOM 项?
- javascript - 根据窗口大小调整 video.js 的大小
- variables - 如何在 Gitlab 中安排不同时间的作业
- php - CodeIgniter 4 模型预加载
- python - 密码生成器中的 if 语句问题
- javascript - 如何在键盘打开时隐藏浮动按钮(Android/iOS)?
- ruby-on-rails - 如何在 Jenkinsfile 中配置 Jenkins 中 Rails 应用程序的测试套件使用的数据库?
- excel - Excel 搜索范围,带回行内容