HTML-поле «значение» не заполняет форму при использовании Angular

Question

Я пытаюсь получить форму с полем Exchange, уже заполненным как "HELLO".Использование value в HTML не работает, и поле отображается пустым.

Я попытался добавить autocomplete=off, но это тоже не сработало.

<div class="form-group">

    <label for="AccountRef">Account Ref</label>
        <div class="input-group">
                <input type="text" id="accountref" name="accountref" [(ngModel)]="newAccount.accountRef">
                <div class="input-group-append"></div>
              </div>

    <label for="Client">Client Name</label>
        <div class="input-group">
            <input type="text" id="client" name="client" [(ngModel)]="newAccount.client">
            <div class="input-group-append"></div>
        </div>

    <label for="Exchange">Exchange</label>
        <div class="input-group">
            <input type="text" id="exchange" name="exchange" value ="HELLO" autocomplete="off" [(ngModel)]="newAccount.exchange">
            <div class="input-group-append"></div>
        </div>

</div>

Answer 1

, поскольку вы используете двустороннее связывание [(ngModel)]=newAccount.exchange, вам необходимо заполнить значение с помощью newAccout.exchange

Так что в вашем файле ts / js укажите значение по умолчанию. Попробуйте это: newAccout.exchange="Hello"

Answer 2

Как сказал @Ashok, вам нужно заполнить ' newAccount.exchange ', но если вы хотите просто заполнить значение html без [(ngModel)], вам нужно 1 способ привязки данных ,

<input type="text" id="exchange" name="exchange" [value]="newAccount.exchange" autocomplete="off">

Answer 3

Это работает для меня.Попробуйте другой браузер или лучше другую IDE - Sublime, Webstorm, Visual Code и т. Д.