angular前端点击按钮弹出输入框

最新推荐文章于 2024-01-04 16:03:01 发布

VIP文章努力不脱发选手

最新推荐文章于 2024-01-04 16:03:01 发布

阅读量1.8k

点赞数

分类专栏： HTML 文章标签： angular

本文链接：https://blog.csdn.net/weixin_41147129/article/details/107364211

版权

这个功能主要要三块来实现

首先点击html 文件里的 button之后，要跳到函数里面（在component文件里面），然后那个函数要把html的<p-dialog> 显示出来

/ / xxxx.component.html


      <div class="row">
        <div class="col-lg-12">
          <p-dataTable [value]="dataObj.data" dataKey="partCode" [resizableColumns]="true" [rowHover]="true">
            <p-column  header="操作"  >
              <ng-template
               let-rule="rowData" pTemplate="body">
              <button
               class="btn btn-block xxx-btn-subject btn-sm" [disabled]="rule.ruleStatus ==2" type="button"
                        (click)="fail(rule.id)">失效
                </button>
            <p-column field="callDate" header="操作" [style]="{'width':'100px','text-align':'center'}">
              <ng-template let-col let-rule="rowData" pTemplate="body">
                <button class="btn btn-block xxx-btn-subject btn-sm"  [disabled]=" !(rule.transType ==1 && rule.giveBackFlag ==0) " type="button" (