小编Moa*_*war的帖子

使用@Input()时出现TypeScript错误

我正在尝试使用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)

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

typescript angularjs-directive angular

5
推荐指数
2
解决办法
1291
查看次数

标签 统计

angular ×1

angularjs-directive ×1

typescript ×1