Question

我的html中有一个变量var作为下拉列表。随着我的变量发生变化，将显示该特定值var的列表。喜欢：

<ul *ngFor="let value in someArrayDependentOnvarInTheAboveDropdown">
    <li> {{value}} </li>
</ul>

当我在下拉列表中更改var时，数组someArrayDependentOnvarInTheAboveDropdown也会在函数中更改。但之前的li值也显示在html中。像：

<li> Value1 from var1 </li>
<li> Value1 from var1 </li>
<li> Value1 from var2 </li>
<li> Value1 from var3 </li>
<li> Value1 from var3 </li>
....

请帮助解决这个问题。提前谢谢。

这是确切的代码段

changePlSelection(productLine) {
        console.log(productLine.product_line_name); 
        this.selectedProductLine = productLine;

        var position = 0;
        for(var i=0; i < this.productLinesList.length; ++i) {
            if(productLine.product_line_id == this.productLinesList[i].product_line_id) {
                position = i;
                break;
            }
        }

        this.selectedProductApplicationsList = this.productApplicationsList[position];
}

html代码是：

<ul>
    <li *ngFor="let productLine of productLinesList"> 
        {{productLine.product_line_name}}
        <input type="radio" 
               name="radiogroup" 
               [value]="productLine.product_line_id" 
               (change)="changePlSelection(productLine)">
    </li>
</ul>


<ul>
    <li id="list-of-pa" *ngFor="let productApplication of selectedProductApplicationsList"> 
    {{productApplication.product_application_name}}    
    <input type="radio" 
           name="radiogroup2" 
           [value]="productApplication.product_application_id" 
           (change)="changePaSelection(productApplication)">
     </li>
</ul>

ng不在Angular2中刷新并继续添加元素

0 个答案: