活字エラー@Inputを（使用中）

Question

私は角4を使用してアプリケーションを開発しようとしていますが、エラーが

ある[tslint]を

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

を使用している間、私は、エラーメッセージを受信しました"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

それはスタイルガイドno-input-renameです。そのようなtslintエラーが発生しないようにするには、falseに設定する必要があります。 no-input-renameは通常Angular CLIでプロジェクトを生成するときにtrueに設定されます。 tslintファイルに移動し、値をfalseにします。次のようになります。"no-input-rename": false

Answer 2

@Input() inputProducts: Product[];で問題を解決する必要があります。