Как получить длину значения input?

Question

[Анатолий Саламатин]

Всем привет. Есть вот такая директива на ангуляре. Вешается на input.
Суть работы в том, чтобы она проверяла длину значения.Если хоть что-то введено, то добавляется класс. При уходе фокуса - все работает как надо. Как сделать, чтобы при загрузке
страницы также проверялась длина текста. Или просто проверка пусто в поле или нет.

Код инпута:

<div class="form-group form-group--passenger"
               form-error-highlight="vm.passengerForms[passNum].lastName">
            <input class="g-input" type="text"
                   name="lastName"
                   ng-model="passenger.lastName"
                   required
                   placeholder-helpers
                   ng-pattern="vm.passengerLastNameRegexp">
            <label class="placeholder">{{'web.profilePassengers.lastName' | alias }}</label>
            <error-message control="vm.passengerForms[passNum].lastName"></error-message>
          </div>

Код директивы:

angular.module('app').directive('placeholderHelpers', function () {
    return {
        require: 'ngModel',
        link: function (scope, elem, attrs) {
            var i;
            for (i = 0; i < elem.length; i++) {
                console.log(elem[i].html);
            }
            elem.on("blur", function () {
                var len = elem.val().length;
                if (len !== 0) {
                    elem.addClass('g-input__with-text');
                }
            });
        }
    };
});

Заранее спасибо!

Answer 1

[ozknemoy]

закидывай в ng-class длину passenger.lastName

<input class="g-input" type="text"
                  ng-class="{'someClass':passenger.lastName.length}"
                   name="lastName"
                   ng-model="passenger.lastName"
                   required
                   placeholder-helpers
                   ng-pattern="vm.passengerLastNameRegexp">

Comments

[Анатолий Саламатин]

Супер, спасибо. А можно как нибудь получать просто значение ng-model, не указывая само значение?

[ozknemoy]

не понял вопрос

[Анатолий Саламатин]

ozknemoy:
Чтобы вместо ng-class="{'someClass':passenger.lastName.length}"
было ng-class="{'someClass':ng-model.length}"

[ozknemoy]

так нельзя. еще есть вариант обратиться к значению инпута через его имя. в примере name="lastName". но надо оборачивать инпуты в форму и задавать ей имя например $ctrl.someForm. тогда $ctrl.someForm.lastName это будет инпут со всеми его валидациями, value и тд

[Анатолий Саламатин]

ozknemoy: понял. Огромное спасибо!