如何在角度2中绑定image-url并在bootstrap卡片中显示

Question

我有一个引导类

<div class="form-group">
  <label for="imageUrl">Image Url</label>
  <input #imageUrl="ngModel" [(ngModel)]="product.imageUrl" 
  name="imageUrl" id="imageUrl" type="text" class="form-control" required 
  url>
  <div class="alert alert-danger" *ngIf="imageUrl.touched && 
  imageUrl.invalid">
  <div *ngIf="imageUrl.errors.required">Image Url is required</div>
  <div *ngIf="imageUrl.errors.url">Please enter valid URL</div> 
  </div>
 </div>

我想绑定这个类imageurl并在bootstrap卡中显示，我写下面的代码

<div class="col-md-6">
  <div class="card" style="width: 20rem;">
  <img class="card-img-top" 
  [src]="product.imageUrl"*ngIf="product.imageUrl">
  </div>
 </div> 

当我在输入字段中输入url时，它无法绑定属性＆amp;空白卡显示..