相关疑难解决方法(0)

最简洁的方式来重置表单

在Angular 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);
}
Run Code Online (Sandbox Code Playgroud)

forms angular

39
推荐指数
5
解决办法
12万
查看次数

标签 统计

angular ×1

forms ×1