单选按钮选择上的下拉菜单标题分配器

时间:2019-03-25 06:28:48

标签: angular5

我有一个单选按钮和下拉菜单。基于单选按钮,我的下拉菜单被过滤。它正在被过滤。但是我的问题是,当我选择另一个单选选项时,此“选择”消失了。

enter image description here

有人可以帮助我吗?我不知道问题来自哪里

HTML

@Configuration
public class MyConfig {

  @Bean(initMethod="initMethod")
  public DbConfigLoader dbConfigLoader() {
    return new DbConfigLoader();
  }

}



public class DbConfigLoader {

    @Autowired
    private DbConfigRepository repository;

    private DbConfig dbConfig;

    @PostConstruct   // Optional if you dont want to add initMethod in Bean Defination
    public void initMethod(){

    // Logic for your dynamic Data load
        dbConfig = repository.findOne(1L);  
    }

    public DbConfig getDbConfig() {
        return dbConfig;
    }
}

TS

<div class="row">
    <label for="" class="col-md-2 uni-label"></label>
    <div class="col-md-6">
        <fieldset class="product-clip-type" *ngFor="let productClipType of productClipTypeList">
            <input type="radio" [(ngModel)]="productClipTypeSelected" name="product_clip_type" value="{{productClipType.value}}"
                (change)="onProductTypeChange(productClipType)" />
            <span>{{productClipType.name}}</span>

        </fieldset>
    </div>
</div>
<!-- END RADIO BUTTONs -->

<div class="row">
    <label for="" class="col-md-2 uni-label">Product Name Clip</label>
    <div class="col-md-6">
        <p *ngIf="!this.visibleMultiSelects['productNameClip']" class="na">N/A</p>
        <ss-multiselect-dropdown *ngIf="this.itemsToDisplay['productNameClip'].length > 0"
            id="productNameClip" name="productNameClip"
            [disabled]="!this.visibleMultiSelects['productNameClip']"
            [options]="this.itemsToDisplay['productNameClip']"
            [settings]="this.selectedSettings['productNameClip']"
            [(ngModel)]="this.selections['productNameClip']">
        </ss-multiselect-dropdown>

    </div>
</div>

0 个答案:

没有答案