是否选中了ng-2-smart-table复选框,具体取决于列的值

时间:2018-01-12 07:29:08

标签: angular ng2-smart-table

我有一个ng2-smart-table,其第二列我想成为一个复选框,默认情况下检查或清空,具体取决于作为我的源的数据对象的第四列二进制值。所以现在我有了

export class UsermanagementComponent implements OnInit {
  settings:Object;
  data:Object;
  public input: string = '<input type="checkbox"></input>';

  constructor(private _sanitizer: DomSanitizer) {
  this.settings = {
    columns: {
    username: {
      title: 'User Name'
    },
    checkbox: {
      title: 'Inactive',
      type: 'html',
      valuePrepareFunction: (value) => { return this._sanitizer.bypassSecurityTrustHtml(this.input); },
      filter: false
    }
  }
};

this.data = [
  {
    username: "Bret",
    checkbox:'yes'
  },
  {
    username: "Antonette",
    checkbox:'no'
  }
]; 
}

我已根据需要导入了Ng2SmartTableModule和DomSanitizer。这将填充复选框,与此.data中的复选框中设置的内容无关。与复选框相同:true或复选框:1。我所期待的。因为我没有映射if if checkbox:yes然后将第i个对象的公共字符串设置为

<input type = 'checkbox' checked></input>

我该怎么做?提前谢谢。

1 个答案:

答案 0 :(得分:0)

&#13;
&#13;
import { DomSanitizer } from '@angular/platform-browser';
...
constructor(private _sanitizer: DomSanitizer) { }
...
public settings = {
  columns: {
    checkbox: {
      title: 'Check Box',
      type: 'html',
      valuePrepareFunction: (value) => { return this._sanitizer.bypassSecurityTrustHtml(this.input); },
      filter: false
    },
  }
};
...
public input: string = '<input type="checkbox">/input>';
&#13;
&#13;
&#13;