Как динамически обрезать пробелы в material input?

Question

[zlodiak]

Вопрос по фреймворку angularJS. Я использую input из библиотеки material. Пользователь моего кода последовательно вводит в input:
1. несколько пробелов +
2. несколько символов +
3. опять несколько пробелов

Затем кликает по кнопке submit. В результате в консоль выводятся только символы, без начальных и завершающих пробелов. Отлично! Это именно то поведение, которое я хочу.

Но мне хотелось бы чтобы начальные и конечные пробелы:
1. пропадали из input после потери фокуса
2. пропадали из input сразу поле сразу нажатия клавиши(или copy-paste)
3. вообще не разрешалось бы пользователю их вводить

Любой из перечисленных трёх вариантов меня устроил бы. Помогите пожалуйста это реализовать.

LIVE DEMO

<md-input-container>
  <label>Title</label>
  <input ng-model="$ctrl.pass">
</md-input-container>
<button ng-click="$ctrl.change()">submit</button>

class HomeCtrl {
  constructor() {
    this.pass = null;
    this.change = function() {
      setTimeout(_ => {
        console.log(this.pass, 'length:', this.pass.length)
      });
    }
  }
}