Angular 如何将第一个选项设置为选中,其中选项在选择框4中从循环生成
我在angular 4项目中工作过,在这个项目中,我需要将第一个选项设置为选中,其中所有选项都是通过循环动态创建的。 html代码:Angular 如何将第一个选项设置为选中,其中选项在选择框4中从循环生成,angular,angular4-forms,Angular,Angular4 Forms,我在angular 4项目中工作过,在这个项目中,我需要将第一个选项设置为选中,其中所有选项都是通过循环动态创建的。 html代码: <select [(ngModel)]="selectedServiceType" [ngModelOptions]="{standalone: true}" (ngModelChange)="getServiceType($event)"> <ng-container *ngFor="let service of services"&g
<select [(ngModel)]="selectedServiceType" [ngModelOptions]="{standalone: true}" (ngModelChange)="getServiceType($event)">
<ng-container *ngFor="let service of services">
<option [ngValue]="service">{{service.name}}</option>
</ng-container>
</select>
{{service.name}
如果有人知道,请告诉我。提前谢谢 就在你的ts里,在ngOnInit里面
selectedServiceType : any;
ngOnInit() {
//make sure you have values for **`services`**
this.selectedServiceType = services[0];
}
试着这样做:
<select class="form-control" (change)="onChange($event)">
<option *ngFor="let service of services; let itemIndex = index" [selected]="itemIndex == 0" [ngValue]="service.value">{{service.name}}</option>
</select>
{{service.name}
组件。ts
export class HomeComponent implements OnInit {
private selectedServiceType: any;
private services: Array<any> = [];
constructor() {
this.services = [{
name: "Harish",
value: 5000
}, {
name: "Chandru",
value: 5001
}]
}
onChange(e) {
this.selectedServiceType = e.target.value;
}
}
导出类HomeComponent实现OnInit{
private Selected服务类型:任意;
私有服务:数组=[];
构造函数(){
此项服务=[{
姓名:“哈里什”,
价值:5000
}, {
姓名:“Chandru”,
价值:5001
}]
}
onChange(e){
this.selectedServiceType=e.target.value;
}
}
添加此代码
<select (change)="onChange($event.target.value)" value={{selectedService}}>
<ng-container>
<option *ngFor="let service of services" >{{service.name}}</option>
</ng-container>
</select>
我在服务从@Input services:any获取的组件中使用了此代码;因此,我将不会访问ngOnInit中的服务。然后,您可以为输入添加一次更改,并在中进行设置,但我不希望更改,我希望在页面初始化时进行。如果您最初没有服务,如何设置默认值?这是我要问的问题。有什么解决办法吗?
export class YourClass implements OnInit {
selectedService: any;
services:any = [];
--your API call code set values to services array
this.services=this.service.APImethod()
onChange(newValue) {
this.selectedService=newValue;
}
}