前端小渣渣

今天写代码的时候，要实现一个查询页面，查询条件相同，查询结果表格不同的功能，第一时间想到了把不用的table封装成一个组件，引入到查询条件页面显示，即：查询条件为父组件，查询结果为在父组件中引入的子组件，从而实现公用一个查询条件。在实现过程中遇到了个问题，因为查询按钮在父组件中，如何使点击父组件的按钮控制子组件加载表格数据的方法呢。经朋友点拨想到了ViewChild()方法，好了，话不多说，下面直接上代码。 <apply-table #applyTable [parentMsg]="this" *

实现效果如图所示： 首先~~在ts中columns中添加render属性，如下： columns: STColumn[] = [ { title: '编号', index: 'id' }, { title: '邮箱', index: 'email' }, { title: '电话', index: 'email',render:'custom'}, { ...

1.首先用import引入router路由组件，如下: import {Router} from '@angular/router'; 2.在构造器中注入依赖： constructor(public router:Router){} 3.添加跳转方法： this.router.navigate([url]); ...