title: TypeScript Error While Using @Input()
body: <p>I am trying to develop an app using Angular 4. But I have received an error message while using </p>
  
  <pre><code>@Input('inputProducts') products: Product[];
  </code></pre>
  
  <p>The Error is </p>
  
  <blockquote>
    <p>[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).</p>
  </blockquote>
  
  <p>The Error Does Not Have any Effect and My App is working fine but it is annoying and am unable to remove it. Code Snippet is Given Below:</p>
  
  <pre><code>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&lt;Product&gt;;
    constructor() {
      this.selectedProduct = new EventEmitter();
    }
    clickedProduct(p: Product): boolean {
      this.selectedProduct.emit(p);
      return false;
    }
    ngOnInit() {
    }
  }
  </code></pre>
  
  <p>the html part</p>
  
  <pre><code>&lt;app-product-list [inputProducts]="products"&gt;&lt;/app-product-list&gt;
  </code></pre>
  
  <p>Please Point me towards right direction to remove this error.</p>