Question

我正在尝试获取一个表单，其中Exchange字段已填充为“ HELLO”。无法在HTML中使用value，并且该字段显示为空白。

我尝试添加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

它为我工作。尝试使用其他浏览器或更好的其他IDE-Sublime，Webstorm，Visual Code等。

Answer 3

正如@Ashok所说，您需要填充' newAccount.exchange '，但是，如果您只想填充html值而没有[（ngModel）]，则需要 1种方式进行数据绑定。

mvn spring-boot:run -Dspring-boot.run.profiles=enableTransactions

使用Angular时，HTML“值”字段未预填充表单

3 个答案: