angular – 使用@Input()时TypeScript错误

前端之家收集整理的这篇文章主要介绍了angular – 使用@Input()时TypeScript错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_404_6@ 我正在尝试使用Angular 4开发一个应用程序.但是我在使用时收到了一条错误消息

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

错误

[tslint] In the class “ProductListComponent”,the directive input
property “products” should not be renamed.Please,consider the
following use “@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>

请指出我正确的方向,以消除此错误.

解决方法

这是styleguide,no-input-重命名你应该设置为false的规则,以免得到这样的tslint错误.通常使用Angular CLI生成项目时,no-input-rename设置为true.转到tslint文件,使其值等于false.应该看起来像:“no-input-rename”:false.

猜你在找的Angularjs相关文章