angular 实现监控弹框的高度,根据高度设置table滚动条的y值

弹框使用的是kendo-window,没有找到最大化、高度变化时能调用的接口,所以只能通过监控弹框的高度来动态修改table的滚动条的y值

找度娘问了好久也没有能在ts文件中监控一个变量的方法,angular的高版本已经放弃了$watch这种方法。后来灵机一动,想到了angular表单中的input标签可以通过ngModelChange方法监控绑定值的变化,于是:

<form nz-form [formGroup]="validateForm">
    <div nz-col [nzMd]="5" [nzSm]="4" [nzXs]="12">
      <nz-form-item>
        <nz-form-control [nzSpan]="24">
          <input style="visibility: hidden;" formControlName="height" [ngModel]="container.element.nativeElement.nextElementSibling.offsetHeight" (ngModelChange)="containerHeightChange($event)" />
        </nz-form-control>
      </nz-form-item>
    </div>
  </div>
</form>

这里有几个要点:

1.想要实现这种用法必须使用表单form

2.不管要监控的变量的链有多长都要全部写出来,为了实现功能不得不放弃一些简洁

3.要将input标签隐藏

修改Scroll.Y的方法可以看这个链接,转载来的,写的很细致

https://blog.csdn.net/qq_36451496/article/details/88528832

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值