Custom cell view with click crashes

Hello,

I am trying to make a custom view for a column which will contain some buttons, which will execute a function. I found an example in the documentation. (https://github.com/akveo/ng2-smart-table/blob/master/src/app/pages/examples/custom-edit-view/basic-example-button-view.component.ts), but for unknown reasons the table will crash when it wants to render the custom cell.

This is the component:

import {Component, OnInit, Input} from '@angular/core';
import {ViewCell} from "ng2-smart-table";


@Component({
	selector: 'action-button-view',
	template: `
    <button (click)="showAlert()">{{ renderValue }}</button>
  `,
})
export class ActionButtonViewComponent implements ViewCell, OnInit {
	renderValue: string;

	@Input() value: string | number;

	constructor() { }

	ngOnInit() {
		this.renderValue = this.value.toString().toUpperCase();
	}

	showAlert() {
		alert(this.renderValue);
	}
}

In the settings of the table:

settings = {
		columns: {
		        ....
			actions: {
				title: 'Actions',
				type: 'custom',
				renderComponent: ActionButtonViewComponent,
			},
		},
		actions: {
			add: false,
			edit: false,
			delete: false
		},
		editable: false,
	};

and creating the objects for in table:

	this._ordersService.getCityOrders('Unpaid', (10 * 1000))
			.subscribe(orders => {
				let formattedData = [];

				_.forEach(orders, (order) => {

					var newObject = {
					        ....
						button: order.id
					};

					formattedData.push(newObject);
				});
				this.source.load(formattedData);
			});

Thanks in advance.

[thewalk]

entryComponents, please update your module. with this: entryComponents:[ActionButtonViewComponent, ‘your table component’], but I am not quite clear about the ng key word ‘entryComponents’

[hzitoun]

just confirming @thewalk’s solution; adding the render component to entryComponents in my module did help!