Свойство AngularJS — object отлично привязывается к одному элементу и не хочет привязываться к другому

#angularjs

#angularjs

Вопрос:

не уверен, почему, но свойство отлично привязывается к текстовой области и не хочет привязываться к текстовому полю…

Вот HTML:

 <form method="post" ng-submit="vm.executeAction('CompleteWorkOrder')">
    <div class="form-group">
        <label for="resolutionNote">@("Resolution Note".T())</label>
        <textarea name="resolution" class="form-control" rows="4" placeholder="Provide resolution..." ng-bind="vm.woComplete.Resolution" required></textarea>
    </div>
    <div class="form-group">
        <label for="completionDate">@("Completion Date".T())</label>
        <input type="text" name="completionDate" class="form-control" ng-bind="vm.woComplete.Resolution" required>
    </div>
    <label>@("MRT".T()) {{vm.data.MRT}}</label>
    <button type="submit" class="btn btn-success pull-right">Submit</button>
</form>
  

и результат

введите описание изображения здесь

Кто-нибудь знает, почему это происходит? Спасибо.

Ответ №1:

Атрибут ngBind сообщает Angular заменить текстовое содержимое указанного элемента HTML значением данного выражения и обновить текстовое содержимое при изменении значения этого выражения.

На вашем скриншоте вы можете видеть, что текст, который вы ввели в текстовую область, появляется между <input> </input> тегами и . Но, хотя это нормально для текстовой области, ввод работает не так. Входные данные сохраняют свои данные в value атрибуте. Вы хотели бы использовать ng-model , чтобы получить то, что вы хотите.