将数据设置为ng-content

Question

我有一个自定义选择元素。

组件：

@Component(
    {
        selector   : 'plain-select-view',
        templateUrl: './plain-select.component.html',
        styleUrls  : ['./plain-select.component.scss']      
    }
)
export class PlainSelectComponent { ...

模板的一部分

<div class="dropdown-area" [@dropdownStatus]="dropdownStatus">
    <div class="dropdown-item font-regular-13"
         *ngFor="let item of dropdownValues"
         (click)="selectItem(item)"
         [class.selected]="isSelected(item)">
        <ng-content [item]="item"></ng-content>
    </div>
</div>

在其他组成部分：

<plain-select-view>
  <div class="some-class">{{item}}</div>
</plain-select-view>