angular2中的ngModal和数据绑定

我是angular 2的新手，我面临着双向数据绑定的问题，即当我在html文件中使用数据绑定时，页面不会加载 当我注释[（ngModel）]=“myusername”页面正常加载时，html文件，但当我取消注释页面未加载时，当然不会绑定任何数据（我从app.module.ts中的@angular/forms module导入了FormsModule）

---

非常感谢

您能显示错误消息以及声明组件的位置吗？请不要显示错误消息。错误的是页面拒绝在浏览器上加载。您能创建一个代码并给我们一个链接吗？@MariamMaher您提供的代码似乎加载得很好，似乎错误需要在其他地方@AJT_82但当我评论这一行时，一切正常，这意味着错误在这一行

<div class="app flex-row align-items-center">
<div class="container">

<div class="row justify-content-center">
    <img src="assets/img/logo.png" alt="logo" style=" margin-
               bottom:2%;width:160px;height:160px;" align="middle" > 


</div>
<div class="row justify-content-center">
  <div class="col-md-8">

    <div class="card-group mb-0">
      <div class="card p-2">
        <div class="card-block">
          <h1 style="color:rgb(65,146,195);">Login</h1>
          <p class="text-muted">Sign In to your account</p>
          <div class="input-group mb-1">
            <span class="input-group-addon"><i class="icon-user"></i></span>
            <input   [(ngModel)]="myusername"  name="username" type="text" class="form-control" placeholder="Username">
          </div>
          <div class="input-group mb-2">
            <span class="input-group-addon"><i class="icon-lock"></i></span>
            <input type="password" class="form-control" placeholder="Password" name="password">
          </div>
          <div class="row">

            <div class="col-6 text-right">
                  <button type="button" class="btn btn-link px-0">Forgot password?</button>
            </div>
              <div class="col-6">
              <button type="button" class="btn btn-primary px-2">Login</button>
            </div>

          </div>

           <div class="row" style="margin-top:2%;">
               <div class="col-6 text-right">
                   <p class="text-muted">Already have an account</p>
                </div>  
                 <div class="col-6 ">
                  <button type="button" class="btn btn-primary px-2 ">Register</button>
                </div>

           </div>

        </div>
      </div>

    </div>
  </div>
</div>

import { Component } from '@angular/core';

@Component({
templateUrl: 'login.component.html'
})
export class LoginComponent {

  user={
   name:"b"
   ,pass:"b"
}
myusername:string;
mypassword:string;
constructor() { }

}