So werden Standardwerte in HTML-Eingaben beenden

Question

ich ein HTML-Formular, dass: looks like

Und ich möchte, dass diese Werte nicht wie diese erscheint, einfach leer.

Wie kann ich es tun?

Der Code ist in der Tat hier: github

Answer 1

Blank-Eingang, wie Sie wollen ... Bitte

<div class="container"> 
 
<h1>Add New Book</h1> 
 
<div class="row"> 
 
    <div class="col-md-6"> 
 
    <form (ngSubmit)="saveBook()" #bookForm="ngForm"> 
 
     <div class="form-group"> 
 
     <label for="name">ISBN</label> 
 
     <input type="text" class="form-control" [(ngModel)]="book.isbn" name="isbn" required> 
 
     </div> 
 
     <div class="form-group"> 
 
     <label for="name">Title</label> 
 
     <input type="text" class="form-control" [(ngModel)]="book.title" name="title" required> 
 
     </div> 
 
     <div class="form-group"> 
 
     <label for="name">Author</label> 
 
     <input type="text" class="form-control" [(ngModel)]="idA" name="author" required> 
 
     </div> 
 
     <div class="form-group"> 
 
     <input type="text" class="form-control" [(ngModel)]="book.author" name="author" required> 
 
     </div> 
 
     <div class="form-group"> 
 
     <label for="name">Publisher</label> 
 
     <input type="text" class="form-control" [(ngModel)]="book.publisher" name="publisher" required> 
 
     </div> 
 
     <div class="form-group"> 
 
     <label for="name">Price</label> 
 
     <input type="number" class="form-control" [(ngModel)]="book.price" name="price" required> 
 
     </div> 
 
     <div class="form-group"> 
 
     <button type="submit" class="btn btn-success" [disabled]="!bookForm.form.valid">Save</button> 
 
     </div> 
 
    </form> 
 
    </div> 
 
</div> 
 
</div> 
 
<div class="container"> 
 
    
 
</div>

und sehen,