角度材質-無法插值pageSize

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}}"