Javascript ngModel返回未定义角度
我有两个html下拉列表。 第一个下拉列表给出所选值,但第二个下拉列表返回未定义值 component.htmlJavascript ngModel返回未定义角度,javascript,angular,typescript,Javascript,Angular,Typescript,我有两个html下拉列表。 第一个下拉列表给出所选值,但第二个下拉列表返回未定义值 component.html <form class="form row"> <div class="inputGroup inputGroup--medium"> <label class="inputGroup__label is-required">Product</label>
<form class="form row">
<div class="inputGroup inputGroup--medium">
<label class="inputGroup__label is-required">Product</label>
<div class="selectWrapper">
<select id="selectProduct" class="inputGroup__select" [(ngModel)]="selectedProduct"
(ngModelChange)="setProductVersion($event)"[ngModelOptions]="{standalone: true}">
<option selected value="" disabled>Select Product</option>
<option *ngFor="let product of Products" [value]="product.name">
{{ product.name}}
</option>
</select>
</div>
</div>
<div class="inputGroup inputGroup--medium">
<label class="inputGroup__label is-required">Product Version</label>
<div class="selectWrapper">
<select id="selectProductVersion" class="inputGroup__select"
[(ngModel)]="selectedProductVersion" [ngModelOptions]="{standalone: true}">
<option selected value="" disabled>Select Product Version</option>
<option *ngFor="let pVersion of ProductsVersion" [value]="pVersion.name">
{{ pVersion.productVersion}}
</option>
</select>
</div>
</div>
</form>
this.AllProductsVersion是Json数据。我可以使用此功能根据所选产品设置产品版本
selectedProduct将给出在下拉列表中选择的结果,但selectedProductVersion将给出未定义的结果。尝试更改此选项:
<option selected value="" disabled>Select Product Version</option>
<option *ngFor="let pVersion of ProductsVersion" [value]="pVersion.productVersion">
{{ pVersion.productVersion}}
</option>
选择产品版本
{{pVersion.productVersion}
您到底想做什么??比如说,它的功能是什么?我必须将selectedProduct和selectedProductVesion发布到API中。因此需要选定的值。第二个下拉列表的值是否基于第一个下拉列表的选定值?是。第二个下拉列表值基于第一个下拉列表。所以我调用(ngModelChange)=“setProductVersion($event)”设置第二个下拉列表中的值。您也应该共享一些typescript。我使用的是正确的变量。this.ProductsVersion将返回我在html ngFor loop.ok中迭代的filteredResult。那么数据何时会进入selectedProductVersion变量。?当第二个dropdata数据被选中[(ngModel)]=“选定的产品版本“这将保存所选内容并将其分配给selectedProductVersion变量。但是,对于第一个下拉列表,它工作正常。好的,你们能在第二个下拉列表中显示数据以供选择吗?是的。在第二个下拉列表中,数据基于第一个下拉列表选择。但我无法从selectedProductVersion变量的第二个下拉列表中获取所选数据
<option selected value="" disabled>Select Product Version</option>
<option *ngFor="let pVersion of ProductsVersion" [value]="pVersion.productVersion">
{{ pVersion.productVersion}}
</option>