Question

您好我正在尝试从父组件获取默认设置数据，但我不知道得到这个可以请你帮忙。

 this.settings = {
'filter': {
            'quick': [{
                'name': 'status',
                'values': [{
                    'label': 'Active',
                    'value': 'Active'
                },
                    {
                        'label': 'Inactive',
                        'value': 'Inactive'
                    }
                ]

            }]
        }
}

在父Html中的

我将设置传递给智能表组件

 <smart-table class="immiviewClientsTable"
                     [settings]="settings"
                     [data]="data"
                     [paginationData]="paginationData"
                     (onAddClick)="addNewCli($event)"
                     (onRowClick)="onUserRowClick($event)"
                     (dataWithQueryParams)="dataWithParameters($event)"></smart-table>

在智能表组件中我遇到了如何让设置数据下降的问题。像标题和选项值一样快速为活动和非活动

Answer 1

为了循环和创建多个下拉菜单，您应该有一组变量来绑定每个菜单的选定值。否则，您可以在JSON对象本身中拥有一个属性，以便可以绑定。（假设您可以按照我的建议更改JSON对象）

filters= [
{ 
  "name": "quick", 
  "values": [
             { 
               "label": "Active", 
               "value": "Active" 
             }, 
             { 
               "label": "Inactive", 
               "value": "Inactive" 
             } 
            ],
   "selection": "" 
}];

然后在模板中，

<div *ngFor="let filter of filters">
 {{filter.name}}
    <select [(ngModel)]="filter.selection" (ngModelChange)="onSelect($event)"> 
       <option *ngFor="let value of filter.values" [ngValue]="value.value"> 
        {{value.label}} 
       </option> 
    </select>
</div>

angular4中父级到子级的默认设置

1 个答案: