小编gih*_*ara的帖子

我正在尝试添加角形材质组件。但该组件无法正常工作。该错误说

Uncaught Error: Template parse errors: 'mat-option' is not a known element:
// ...

我认为错误来自app.module.ts：

Uncaught Error: Template parse errors: 'mat-option' is not a known element:
// ...

var tb = $('#example').DataTable();

$('#addRow').on('click', function() {
  var typeName = $("#type option:selected").val();
  var amount = $("#amount").val();
  tb.row.add([typeName, amount]).draw();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

<label>Type</label>
<select id="type">
  <option> Type 01</option>
  <option> Type 02</option>
</select>

<label>Amount</label>
<input type="text" id="amount" />
<button id="addRow"> Add </button>

<table id="example" class="display" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th>Type</th>
      <th>Amount</th>

    </tr>
  </thead>
</table>

我需要为每一行添加编辑和删除按钮。单击编辑按钮时，行数据应加载到下拉列表和文本框。你能指导我这样做吗？

我正在使用以下方法发送数据。我想在我的组件上显示错误响应。如何在我的组件中控制台日志错误消息？

组件.ts

signup(){ 
    return this.loginservice.signupUser(this.model).subscribe(data => {
        console.log(data.error);
    });
}

服务

signupUser(signupuserModel: any = {}):Observable<any>{
    return this.http.post(`${this.signuouserurl}`,signupuserModel)
}

错误信息

我使用下面的函数作为管道，以获得下拉列表的唯一值。我需要在多个组件中使用它。我如何创建可重用组件以使用此功能。

 @Pipe({
  name: 'unique',
  pure: false
})

export class UniquePipe implements PipeTransform {
  transform(value: any): any {
      if (value !== undefined && value !== null) {
          return _.uniqBy(value, 'orgName');
      }
      return value;
  }
}

我正在使用带有弹簧靴的 angular 6。我将“dist”文件复制到 spring boot 项目。并且项目运行正常。但是当我刷新浏览器时，它说“白标错误”。我如何防止白标错误。

工作网址

错误页面（刷新时）

我在单个 html 页面中使用有角度的两个材料表。第一个表，数据加载良好，分页正确。但在第二个表中，所有数据加载都没有分页。我在两个页面上都添加了分页功能。我想展示与此相关的部分代码。

表1分页（运行良好）

 <mat-paginator #paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>

表2分页（分页不起作用）

  <mat-paginator #errorpaginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons>

我的组件文件

 <mat-paginator #paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>

你能帮我解决第二个表格分页问题吗？