title: How to Define custom property in the same component in angular2
body: <p>I am trying to define a custom property <em>count</em>. But following gives error:<em>Can't bind to 'count' since it isn't a known property of 'p'</em>. How to remove this error and make <em>count</em> a custom property of <code>&lt;p&gt;</code></p>
  
  <p><strong>other.component.html</strong></p>
  
  <pre><code>&lt;p [count] = "10"&gt;
    other works!
  &lt;/p&gt;
  </code></pre>
  
  <p><strong>other.component.ts</strong></p>
  
  <pre><code>import {Component, Input, OnInit} from '@angular/core';
  
  @Component({
    selector: 'app-other',
    templateUrl: './other.component.html',
    styleUrls: ['./other.component.css']
  })
  export class OtherComponent implements OnInit {
  
    @Input() count = 10;
  
    constructor() { }
  
    ngOnInit() {
    }
  
  }
  </code></pre>