前台Ng-Alain

栏目: JavaScript · 发布时间: 5个月前

来源: segmentfault.com

本文转载自:https://segmentfault.com/a/1190000018439108,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有。

对与Ng-Alain这个前段框架,用了也有一短时间了,对于框架而言确实时很强大,很好,但对于我们而言文档少,就寸步难行,边研究编写,时不时的就在 里爬半天,还不一定爬出来。

问题描述

前台Ng-Alain

点击多选框时,选择是正确的,但是点击表格的其他地方值就变成了 null ,感到很奇怪,发现官方的就正常,不会出现我这种情况。

想法

github

解决

发现官方上的 (change) 事件是这样写的:

stChange(e: STChange) {
    switch (e.type) {
      case 'checkbox':
        this.selectedRows = e.checkbox;
        this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.callNo, 0);
        this.cdr.detectChanges();
        break;
      case 'filter':
        this.getData();
        break;
    }
  }

思考:为什么要这样写,这样写的原因是什么?

在控制台打印了一下 e ,发现原来鼠标点击 checkbox 和点击表格还有在表格中双击所触发的事件不同:

前台Ng-Alain

修改后:

public selectHost(e: STChange) {
        switch (e.type) {
            // 如果是多选框事件,选中主机
            case 'checkbox':
                this.selectedHosts = e.checkbox;
        }
    }

完美,没有问题!!!

前台Ng-Alain

总结

在需要这个样式的时候就 Ctrl+CCtrl+V 过来了也没有多看,没用的代码就直接删掉了,但是在发现问题是往往可能是你感觉 没用 的哪些代码,所有在使用样式的时候大概看一下,这次没用到下次就可能用到,要多看,多总结,到在用的时候就会顺手许多。


以上所述就是小编给大家介绍的《前台Ng-Alain》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

关注码农网公众号

关注我们,获取更多IT资讯^_^


为你推荐:

相关软件推荐:

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Flash与后台

Flash与后台

刘明伟 / 清华大学出版社 / 2007-6 / 52.00元

《Flash与后台:ASP/ASP.NET/PHP/Java/JavaScript/Delphi总动员》从目前热门的F1ash与ASP、ASP.NET、PHP、Java、JavaScript和Delphi的交互知识入手,深入浅出地讲解了F1ash与后台通信的原理和交互的过程,力求使阅读《Flash与后台:ASP/ASP.NET/PHP/Java/JavaScript/Delphi总动员》的每一位读......一起来看看 《Flash与后台》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

在线进制转换器
在线进制转换器

各进制数互转换器

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换