title: Angular 4; paginator's "items per page" translation
body: <p>I'm using material design on Angular 4. I have a table with paginator on the bottom:</p>
  
  <p><a href="https://i.stack.imgur.com/YYVty.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YYVty.png" alt="enter image description here"></a></p>
  
  <p>Is there any way to translate "Items per page" in Angular4?</p>
  
  <p>I got access to this label by</p>
  
  <pre><code>this.paginator._intl.itemsPerPageLabel
  </code></pre>
  
  <p>in .ts file of my component, which I put in ngOnInit()</p>
  
  <p>I also have translations in i18n fo .json file, which structure is:</p>
  
  <pre><code>"MESSAGES_LIST_TABLE": {
        "DATE": "Date",
        "FROM": "From",
        "TO": "To",
        "MESSAGE": "Message",
        "AMOUNT": "Amount",
        "BALANCE": "Balance",
        "AVAILABLE_BALANCE": "Avail. bal",
        "ITEMS_PER_PAGE": "Items per page"
  }
  </code></pre>
  
  <p>Can I somehow translate it like this?</p>
  
  <pre><code>this.paginator._intl.itemsPerPageLabel = {{'CUSTOMER.MESSAGES_LIST_TABLE.ITEMS_PER_PAGE' | translate}}
  </code></pre>