打字稿錯誤

我試圖採用了棱角分明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>

請點我朝着正確的方向消除這種誤差。

來源

2017-11-04 Moaz Sarwar

什麼是HTML看起來像請更新完全 – Aravind

您發佈之前是否閱讀過錯誤信息？它告訴你該怎麼做才能擺脫錯誤;） – Alex

這是styleguide，no-input-rename你應該設置爲false的規則不會得到這樣的tslint錯誤。通常在使用Angular CLI生成項目時，no-input-rename通常設置爲true。轉到您的tslint文件，並使其值等於false。應該看起來像這樣："no-input-rename": false。

來源

2017-11-04 07:13:59 komron

問題解決了！謝謝@ komron –

@Input() inputProducts: Product[];應該解決您的問題。

來源

2017-11-04 07:26:57 BogdanC

這實際上不是我想要實現的。 –

回答

相關問題