我正在尝试使用Angular 4开发应用程序。但是使用时我收到了一条错误消息
@Input('inputProducts') products: Product[];
Run Code Online (Sandbox Code Playgroud)
错误是
[tslint]在“ ProductListComponent”类中,不应将指令输入属性“ products”重命名。请考虑以下使用“ @Input()产品:字符串”(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() {
}
}
Run Code Online (Sandbox Code Playgroud)
html部分
<app-product-list [inputProducts]="products"></app-product-list>
Run Code Online (Sandbox Code Playgroud)
请指出正确的方向,以消除此错误。