1

Например есть три поля:

  • Фамилия
  • Имя
  • Отчество

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

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

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

2
  • Собери $scope.user_name, $scope.user_last_name` $scope.user_father_name в отдельную переменную в контроллере и выводи её в <span> через ng-model. Проверку на наличие можно делать через ng-if
    – Den
    16 дек 2015 в 14:47
  • Пример не покажите? не могу понять как передать данные ng-model в span...
    – Tartang
    17 дек 2015 в 6:07

2 ответа 2

1

Простой способ: в начале и конце span.innerHTML поставить по пробелу и результат всегда будет выглядеть одинаково. Это будет работать потому что в HTML последовательности пробелов преобразуются в одиночныe пробелы (whitespace collapse)

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

HTML проигнорирует любое количество пробелов.

<span>Инван</span> и <span> Инван</span>

в большинстве случаев будут выглядеть одинаково. Так что ваш пример уже должен работать правильно.

3
  • в примере автора все три поля лежат в одном спане, а не каждый в своем
    – Grundy
    17 дек 2015 в 7:34
  • Логично. К чему вы это?
    – LinnTroll
    17 дек 2015 в 11:15
  • Так что ваш пример уже должен работать правильно вы рассматриваете пример на спанах и делаете вывод, что пример в посте должен работать правильно, я лишь указал, что, так как в посте не спаны, то не должен
    – Grundy
    17 дек 2015 в 11:20

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.