Question

我正在尝试使用Angular 4为可排序对象创建模板。

我的对象看起来像这样：

Project={
    projectName: string;
    capacity: number;
    testHours: number;
}

我在environment.projects中存储了多个此类项目，我希望在可显示的可拖放对象中显示此项目。

因此我使用了ngx-bootstrap bs-sortable标签，如下所示：

<bs-sortable [(ngModel)]="environment.projects" 
[itemTemplate]="itemTemplate" itemClass="sortable-item" 
itemActiveClass="sortable-item-active"
placeholderItem="Drag here" placeholderClass="sortable-item" 
wrapperClass="sortable-wrapper"></bs-sortable>

除了模板之外，一切正常，我想要显示 projectName ，容量和 testHours 。我尝试了这个模板，除了索引之外它不起作用：

<ng-template #itemTemplate let-project="environment.projects" let-index="index"><span>{{index}}: {{projectName}} Capacity:{{capacity}}h / Effort:{{testHours}}h</span></ng-template>

现在我只需要知道如何创建ng-template来实现我预期的行为。

非常感谢提前。

Answer 1

模板中有错误。试试这个：

  <ng-template #itemTemplate let-item="item" let-index="index"> <span>{{index}}: {{item.value.projectName}} Capacity:{{item.value.capacity}}h / Effort:{{item.valu.testHours}}h</span></ng-template>

可排序对象的角度模板

1 个答案: