默认" null"选择Value Angular 4

时间:2017-11-05 22:42:17

标签: html angular typescript

我正在开发一个电子商务网站,所有者可以上传三种不同类型的产品:滑块,顶部和目录,还可以将它们分类为儿童,男性等类别,这些类别显示并可通过选择/选项进行选择

    <div *ngIf="type==1" class="form-group">
<label class="col-sm-2 control-label" for="description">Categoria</label>   
<div class="styled-select slate">
<select [(ngModel)]="image.category" required>
  <option *ngFor="let category of categories" [ngValue]="category.description">{{category.description}}</option>
</select>
</div>
</div>

好的,所以当选择上传Slider或Top产品时,我通过我的代码中看到的* ngIf禁用了Select / Option,但是只要选择了这些,我需要在Select /选项中指定一个默认的空值,所以它可以正确保存在数据库中 任何直接的帮助或解决方法将不胜感激

这是上传产品的方法

uploadImage(){
let formData : FormData = new FormData();

switch(this.type){
  case 1: {
    this.image.type="catalogo";
    break;
  }
  case 2: {
    this.image.type="slider";
    break;
  }
  case 3: {
    this.image.type="destacado";
    break;
  }

}

formData.append('filefield',this.image.file,this.image.file.name);
formData.append('description',this.image.description+'');
formData.append('price',this.image.price+'');
formData.append('type',this.image.type+'');
formData.append('name',this.image.name+'');
formData.append('category',this.image.category+'');

this.service.post("http://127.0.0.1:8000/api/users/upload",formData).subscribe();
window.location.replace("myra");

}

对象图片,我们希望上传的产品

class Image{
name:String;
price:Number;
description:String;
type:String;
file:any;
quantity:Number;
category:String;

}

0 个答案:

没有答案