Angular Material - 无法插入 pageSize答案

【问题标题】：Angular Material - cannot interpolate pageSizeAngular Material - 无法插入 pageSize
【发布时间】：2017-09-29 08:51:43
【问题描述】：

我在我的应用程序数据表中使用来自 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 与我的变量绑定？

【问题讨论】：

标签： angular angular-material

【解决方案1】：

您不必使用插值，请阅读属性绑定

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

[property]="variable"

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

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

property="{{variable}}"

【讨论】：