时间戳

首页 > 解决方案 > 我可以将管道添加到绑定@input decoprador 属性吗？

angular - 我可以将管道添加到绑定@input decoprador 属性吗？

问题描述

我有一个带有 @Input 属性的组件：

@Component({
  selector: 'app-product-details',
  templateUrl: './product-details.component.html'
})
export class ProductDetailsComponent implements OnInit {
  @Input() product: Product;
}

我想像这样绑定这个属性：

<app-products-by-category [products]="products | filterByCategory('pizza')"></app-products-by-category>

这会导致以下错误：

ERROR in Template parse errors:
Parser Error: Unexpected token '(' at column 28 in [products | filterByCategory('pizza')] in D:/private projects/ecommerces/fuzionm-store/frontend/src/app/modules/product/components/products/products.component.html@3:42 (" class="container" *ngIf="products$ | async as products">
    <app-products-by-category [products]="[ERROR ->]products | filterByCategory('pizza')" [category]=categories.PIZZA></app-products-by-category>
    <!-"): D:/private projects/ecommerces/fuzionm-store/frontend/src/app/modules/product/components/products/products.component.html@3:42
Parser Error: Unexpected token '(' at column 28 in [products | filterByCategory('pizza')] in product/components/products/products.component.html@3:42 ("oducts">
    <app-products-by-category [products]="products | filterByCategory('pizza')" [category]=[ERROR ->]categories.PIZZA></app-products-by-category>
    <!-- <app-products-by-category [products]="filterByC"): product/components/products/products.component.html@3:91

在这种情况下是否可以添加管道？

标签： angular

解决方案

推荐阅读