angular4中的默认设置父到子

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>

在智能表组件中，我遇到了如何获取下拉设置数据问题。like quick as heading和OPTION值as Active和Inactive

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>