C# 带对象值的角度2选择选项
我从API中获取对象值列表,对象内部有一个用于标识所选项目的属性 我可以绑定要查看的项目列表 下面是json数据 以下是我的代码:C# 带对象值的角度2选择选项,c#,asp.net-mvc,angular,typescript,C#,Asp.net Mvc,Angular,Typescript,我从API中获取对象值列表,对象内部有一个用于标识所选项目的属性 我可以绑定要查看的项目列表 下面是json数据 以下是我的代码: <select class="form-control" name="Underwriter"> <option *ngFor="let underwriter of policyModel?.underwriterList" [ngValue]="underwriter.value" >{{underwriter.text}}&
<select class="form-control" name="Underwriter">
<option *ngFor="let underwriter of policyModel?.underwriterList" [ngValue]="underwriter.value" >{{underwriter.text}}</option>
</select>
{{uncer.text}
有什么方法可以制作所选项目吗 在你的问题中,你说你想“制作”所选项目,我认为这意味着设置它。我就是这样做的,但可能还有其他更好的方法 您需要在选项标签中设置
[attr.selected]
<select class="form-control" name="Underwriter">
<option *ngFor="let underwriter of policyModel?.underwriterList" [ngValue]="underwriter.value" [attr.selected]="underwriter.text === underwriterTextString ? true: null">{{underwriter.text}}</option>
</select>
然后在你的代码中你需要这样的东西
onChangeunderwriter(event) {
//the value will be set in event.target.value;
}
您可以只在选择中添加一个
[selected]
,然后检查哪个保险商的属性已选择为真
像这样:
<select class="form-control" (change)="onChangeunderwriter($event)" name="Underwriter">
<option *ngFor="let underwriter of policyModel?.underwriterList" [ngValue]="underwriter.value" [selected]="underwriter.selected == true">{{underwriter.text}}</option>
</select>
一个简化的那么问题是什么呢?是否有任何方法来生成所选项我需要从对象内的对象列表中获取所选项您可以看到有一个属性调用“selected”这是有效的,但我必须将formControlName=“uw”添加到“now selected item is not working”为什么?如果您使用表单,你需要用预选值来设置uw
。你能告诉我[(ngModel)]和[ngModel]的区别吗基本上[ngModel]
是单向绑定,[(ngModel)]
是双向绑定:)
<select class="form-control" (change)="onChangeunderwriter($event)" name="Underwriter">
<option *ngFor="let underwriter of policyModel?.underwriterList" [ngValue]="underwriter.value" [selected]="underwriter.selected == true">{{underwriter.text}}</option>
</select>
[selected]="underwriter.selected == true"