angular – 使用@Input()时TypeScript错误
发布时间:2020-12-17 17:23:44 所属栏目:安全 来源:网络整理
导读:我正在尝试使用Angular 4开发一个应用程序.但是我在使用时收到了一条错误消息 @Input('inputProducts') products: Product[]; 错误是 [tslint] In the class “ProductListComponent”,the directive input property “products” should not be renamed.Ple
我正在尝试使用Angular 4开发一个应用程序.但是我在使用时收到了一条错误消息
@Input('inputProducts') products: Product[]; 错误是
错误没有任何影响和我的应用程序工作正常,但它很烦人,我无法删除它.代码片段如下: 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.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |