打字稿错误

Question

我试图采用了棱角分明4.开发一个应用程序，但我已经在使用

@Input('inputProducts') products: Product[]; 

错误是

[tslint]收到错误消息在类“ProductListComponent”中，指令输入 属性“products”不应该重命名。请考虑使用“@Input（）products：string”（no-input-rename）的 。

该错误没有任何影响，我的应用程序工作正常，但它是烦人的，我无法删除它。代码片段如下：

import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; 
import { Product } from '../product-row/product.model'; 
@Component({ 
    selector: 'app-product-list', 
    templateUrl: './product-list.component.html', 
    styleUrls: ['./product-list.component.css'] 
}) 
export class ProductListComponent implements OnInit { 
    @Input('inputProducts') products: Product[]; 
    @Output() selectedProduct: EventEmitter<Product>; 
    constructor() { 
    this.selectedProduct = new EventEmitter(); 
    } 
    clickedProduct(p: Product): boolean { 
    this.selectedProduct.emit(p); 
    return false; 
    } 
    ngOnInit() { 
    } 
} 

HTML部分

<app-product-list [inputProducts]="products"></app-product-list> 

请点我朝着正确的方向消除这种误差。

Answer 1

这是styleguide，no-input-rename你应该设置为false的规则不会得到这样的tslint错误。通常在使用Angular CLI生成项目时，no-input-rename通常设置为true。转到您的tslint文件，并使其值等于false。应该看起来像这样："no-input-rename": false。

Answer 2

@Input() inputProducts: Product[];应该解决您的问题。