在angular2中使用[（ngModel）]时初始化空白表格

我正在从官方指南中学习Angular2。我已经创建了一个CRUD应用程序，并且就该功能而言，一切工作都很好。我想拥有的一件事是能够使用[（ngModel）]并在初始加载表单时仍然具有空白表单字段。目前，为了使ngModel正常工作，我已使用该模型的硬编码值初始化了表单。这是我的设置：

组件：

@Component({
    selector:'create-form',
    templateUrl: './app/createTemplate.html'
})
export class CreateComponent{   
    model = new DemoBean(123321, 1,'test',1.3);     //TODO - initialize blank form fields for these values.
    http:Http;

    constructor(http:Http){             //Dependency injection of Http.
        this.http = http;
    }
    msg:string;

    onSubmit(id: number, str: string, num: number, d: number) {
        var headers = new Headers();
        headers.append('Content-Type', 'application/json');

        this.model = new DemoBean(id,num,str,d);
        this.http.post('http://localhost:8080/create', JSON.stringify(this.model),{headers:headers}).map((res) => res.text())
            .subscribe(msg => this.msg = msg);
    }

}

表格范本：

<div class="container">
    <form (ngSubmit) = "onSubmit(id.value, str.value, num.value, d.value)" #demoForm="ngForm">
        <div class="form-group">
            <label for="long_id">long Id</label>
            <input type="text" class="form-control" [(ngModel)]="model.id" #id required>
        </div>

        <div class="form-group">
            <label for="string_str">String str</label>
            <input type="text" class="form-control" [(ngModel)]="model.str" #str required>
        </div>

        <div class="form-group">
            <label for="int_num">int num</label>
            <input type="text" class="form-control" [(ngModel)]="model.num" #num required>
        </div>

        <div class="form-group">
            <label for="double_d">double d</label>
            <input type="text" class="form-control" [(ngModel)]="model.d" #d required>
        </div>

        <button type="submit" class="btn btn-default" [disabled]="!demoForm.form.valid">Submit</button>

        <div><p>{{msg}}</p></div>
    </form>
</div>

任何建议都会有很大帮助。