---
title:
  zh-CN: 基本用法
order: 1
---

## zh-CN

组件的用法

## en-US

```ts
import { Component } from '@angular/core';

@Component({
  selector: 'bixi-editable-demo-simple',
  template: `
    <bixi-editable-table [(ngModel)]="rows" [cols]="cols"></bixi-editable-table>
  `
})
export class TestComponent {
  cols = [
    {
      key: 'name',
      name: '审核点'
    },
    {
      key: 'relation',
      name: '关系'
    },
    {
      key: 'content',
      name: '风险内容'
    },
    {
      key: 'desc',
      name: '问题描述'
    }
  ];
  rows = [
    {
      name: '组合1',
      relation: '等于',
      content: '字段1',
      desc: 'A类型'
    },
    {
      name: '组合2',
      relation: '小于',
      content: '字段2',
      desc: 'B类型'
    },
    {
      name: '组合3',
      relation: '大于',
      content: '字段3',
      desc: 'C类型'
    }
  ]
}
```