Как разделить пробелом $scope
 

Всем доброго дня!

Например есть три поля
Фамилия
Имя
Отчество

Как правильно собрать вывод таким образом, чтобы эти данные лежали внутри одного элемента, разделенные пробелом, при условии что какое-то поле может быть не заполнено.

<input ng-model="user_name" md-input />
<input ng-model="user_last_name" md-input />
<input ng-model="user_father_name" md-input />

<span class="sub-heading" id="user_edit_position">{{user_name}} {{user_last_name}} {{user_father_name}}</span>

Если делать так, то пробелы будут оставаться даже если какое-нибудь поле не заполнено. Как правильно поступить?

Я только начинаю использовать AngularJS, поэтому прошу сильно не пинать, а может быть решение кому-то еще пригодится... )

<span class="sub-heading" id="user_edit_position"><span ng-if="user_name">{{user_name}} </span><span ng-if="user_last_name">{{user_last_name}} </span><span ng-if="user_last_name">{{user_father_name}}</span></span>

Вместо ng-if возможно нужно ng-show