title: Cleanest way to reset forms
body: <p>What is the cleanest way to reset forms in Angular 2 latest version? I would like to reset the input textboxes after adding a post.</p>
  
  
  
  <pre class="lang-angular prettyprint-override"><code>@Component({
    selector: 'post-div',
    template: `
              &lt;h2&gt;Posts&lt;/h2&gt;
              &lt;form (submit)="addPost()"&gt;
                  &lt;label&gt;Title: &lt;/label&gt;&lt;input type="text" name="title" [(ngModel)]="title"&gt;&lt;br/&gt;
                  &lt;label&gt;Body: &lt;/label&gt;&lt;input type="text" name="body" [(ngModel)]="body"&gt;&lt;br/&gt;
                  &lt;input type="submit" value="Add Post"&gt;
              &lt;/form&gt;
              &lt;ul&gt;
                  &lt;li *ngFor="let post of posts"&gt;
                      &lt;strong&gt;{{post.title}}&lt;/strong&gt;
                      &lt;p&gt;{{post.body}}&lt;/p&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
            `,
    providers: [PostService]
  });
  
  addPost(){
      this.newPost = {
          title: this.title,
          body: this.body
      }
      this._postService.addPost(this.newPost);
  }
  </code></pre>