Question

我在Angular Material https://material.angular.io/components/table/overview的应用程序数据表中使用。

默认分页符如下所示：

<md-paginator #paginator
                    [length]="projectTableDatabase.data.length"
                    [pageIndex]="0"
                    [pageSize]="5"
                    [pageSizeOptions]="[5, 10, 25, 100]">
      </md-paginator>

但我不想硬编码pageSize，我尝试插入这个变量：

<md-paginator #paginator
                    [length]="projectTableDatabase.data.length"
                    [pageIndex]="0"
                    [pageSize]="{{pageSize}}"
                    [pageSizeOptions]="[5, 10, 25, 100]">
      </md-paginator>

pageSize是我的组件中具有设置值的变量。但现在我收到了一个错误：

Unhandled Promise rejection: Template parse errors:
Parser Error: Got interpolation ({{}}) where expression was expected at column 0 in [{{pageSize}}] in ng:///AppModule/MyTableComponent.html@61:20 ("ength]="myTableDatabase.data.length"
                    [pageIndex]="0"
                    [ERROR ->][pageSize]="{{pageSize}}"
                    [pageSizeOptions]="[5, 10, 25, 100]">
      </md-pagi"):

如何将pageSize与我的变量绑定？

Answer 1

您不必使用插值，阅读有关属性绑定的内容

如果您使用[]使用属性名称，则必须使用变量名称

[property]="variable"

没有[]你可以传递硬编码值

property="value"这里可以使用插值，例如：

property="{{variable}}"

角度材质 - 无法插入pageSize

1 个答案: