PrimeNG组件内的PrimeNg组件

时间:2017-12-15 09:29:45

标签: angular primeng

我目前正在开发一个项目,我需要两个列表,我需要移动项目(从左到右和向后)。我发现primeNG有一个组件为你做这个(选项列表)。另外,我需要在左侧列表中添加选项卡(也是名为TabView的primeNG组件)。是否可以将这两者结合起来或者我是否需要编写自己的选项列表组件? 以下是用于实施html组件的picklist代码。是否可以访问sourceHeader并将其转换为标签? 谢谢你的帮助。

<p-pickList [source]="sourceCars" [target]="targetCars" sourceHeader="Available" targetHeader="Selected" [responsive]="true" filterBy="brand" 
    dragdrop="true" dragdropScope="cars" sourceFilterPlaceholder="Search by brand" targetFilterPlaceholder="Search by brand" [sourceStyle]="{'height':'300px'}" [targetStyle]="{'height':'300px'}">

<ng-template let-car pTemplate="item">
    <div class="ui-helper-clearfix">
        <img src="assets/showcase/images/demo/car/{{car.brand}}.png" style="display:inline-block;margin:2px 0 2px 2px" width="48">
        <div style="font-size:14px;float:right;margin:15px 5px 0 0">{{car.brand}} - {{car.year}} - {{car.color}}</div>
    </div>
</ng-template>

0 个答案:

没有答案