Angular 可排序对象的模板

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、capacity 和 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>

Angular 可排序对象的模板

Angular Template for Sortable objects

ngx-bootstrap

angular