如何在Angular应用中添加自定义html或动态加载其他组件?

时间:2019-03-22 11:09:43

标签: angular datatables-1.10

我已经在Angular组件中嵌入了一个DataTables。表已正确呈现,但现在我想添加一个按钮,单击后我想在控制器中执行方法。

如何在Angular绑定(单击等)将起作用的表单元格中动态创建html?

{
   data: null, searchable: false, orderable: false,
   render: (data, type, full) => {
        return '<button class="test" (click)="showDetails($event)">Details</button>';
   }
}

这不起作用。

或者如何使用该按钮动态注入其他组件并将数据绑定到该组件?

1 个答案:

答案 0 :(得分:0)

根据类型显示不同数据的组件示例:

$wachat = Table::where('key', '=', $d1) 
    ->where(function($query) use ($searchByContact) {
        $query->where('message', 'LIKE', "%{$searchByContact}%")
            ->orWhere('abc', 'LIKE', "%{$searchByContact}%")
            ->orWhere('xyz', 'LIKE', "%{$searchByContact}%");
    })
    ->orderBy('id', 'DESC')
    ->paginate(20);