Question

我已经为响应消息创建了烤面包机（小吃店）。我想在烤面包机（小吃栏）上添加html内容，以便可以以正确的格式显示多条消息。

我已经尝试

NULL

我的代码

var test ='<html> <body>' + '<h1>The Header</h1>'  +  '<p>The paragraph of text</p>' + '</body>  </html>';


this._toastr.error(test);
 _toastr : is my service.
 .error  : is my function in which I have to pass htmlContent

输出应为：- 低于xxx / xxx的价格已经输入了2018年11月27日。

世界你好！
大家好！

我想要这东西在toster（小吃店）

Answer 1

您将无法像Edric在他的评论/链接中提到的那样创建自定义SnackBar组件。标准角材料SnackBars仅允许您设置def pdf_html(request): tag = [] try: html = open("/home/sevenbits/pro/project/myproject/templates/pdf_html/iframe.html") except HTTPError as e: print(e) except URLError: print("Server down or incorrect domain") else: res = BeautifulSoup(html.read(), "html5lib") tag = res.find('iframe') src = tag['src','enctype'] #URl of iframe ready for scraping return render(request,'pdf_html/iframe.html')和message（以及一些配置选项）。

检查this堆栈炸弹中是否有非常基本的SnackBar组件，该组件从传递给它的action中读取HTML字符串，然后在小吃栏中将字符串内容呈现为HTML。

snackbar.component.ts

data

snackbar.component.html

export class SnackbarComponent { 
  constructor(@Inject(MAT_SNACK_BAR_DATA) public data: any,
              public snackBar: MatSnackBar) {
  }
}

使用这样的组件：

<div [innerHTML]="data.html"></div>
<button mat-raised-button (click)="snackBar.dismiss()">Dismiss</button>

如果需要，您可以轻松地将其包装在服务中。

如何在角形材质的Snackbar上添加html内容？

1 个答案: