फॉर्म रीसेट करने का सबसे आसान तरीका

Question

कोणीय 2 नवीनतम संस्करण में फ़ॉर्म रीसेट करने का सबसे साफ तरीका क्या है? मैं एक पोस्ट जोड़ने के बाद इनपुट टेक्स्टबॉक्स रीसेट करना चाहता हूं।

@Component({ 
    selector: 'post-div', 
    template: ` 
      <h2>Posts</h2> 
      <form (submit)="addPost()"> 
       <label>Title: </label><input type="text" name="title" [(ngModel)]="title"><br/> 
       <label>Body: </label><input type="text" name="body" [(ngModel)]="body"><br/> 
       <input type="submit" value="Add Post"> 
      </form> 
      <ul> 
       <li *ngFor="let post of posts"> 
        <strong>{{post.title}}</strong> 
        <p>{{post.body}}</p> 
       </li> 
      </ul> 
      `, 
    providers: [PostService] 
}); 

addPost(){ 
    this.newPost = { 
     title: this.title, 
     body: this.body 
    } 
    this._postService.addPost(this.newPost); 
} 

Answer 1

<form #myForm="ngForm" (submit)="addPost(); myForm.reset()"> ... </form> 

या:

<form #myForm="ngForm" (submit)="addPost(myForm)"> ... </form> 

addPost(form: NgForm){ 
    this.newPost = { 
     title: this.title, 
     body: this.body 
    } 
    this._postService.addPost(this.newPost); 
    form.resetForm(); // or form.reset(); 
} 

जो ऊपर काम करने के लिए नहीं मिल सकता है लोगों के लिए एक और उदाहरण जोड़ना।

बटन प्रेस के साथ

:

<form #heroForm="ngForm"> 
    ... 
    <button type="button" class="btn btn-default" (click)="newHero(); heroForm.reset()">New Hero</button> 
</form> 

यही बात लागू होती है इसके बाद के संस्करण, आप भी newHero कार्य करने के लिए प्रपत्र पारित करने के लिए चुन सकते हैं।

Answer 2

सबसे आसान और रूपों के बारे में अधिक जानकारी के लिए रूपों के साथ ही उनके त्रुटि राज्यों (गंदा, prestine आदि)

this.form_name.reset(); 

स्पष्ट करने के लिए स्पष्ट तरीका यहां

• https://angular.io/docs/ts/latest/guide/forms.html
पढ़ा

पीएस: जैसा कि आपने सवाल पूछा है कि कोई फॉर्म नहीं है आपके प्रश्न कोड में प्रयोग किया जाता है, आप formControl के साथ ngModel का उपयोग करके सरल दो दिन डेटा बाइंडिंग का उपयोग कर रहे हैं।

form.reset() विधि formControls के लिए ही काम करता है रीसेट फोन