title: Property binding vs attribute interpolation
body: <p>I have read an article about difference between property and attribute bindings. From what I understood, most of the time, Angular2 prefers property bindings,
  because after each change in data, the DOM would be updated. (If I am mistaken, please correct me).</p>
  
  <p>I have a custom component and use it from the parent component. In it, I have an <code>@Input</code> named <code>truevalue</code>. when I initiate <code>truevalue</code> from the parent via property binding, sometimes, it does not change. I used following code:</p>
  
  <pre><code>&lt;my-checkbox [(ngModel)]="chkItems" [disabled]="!editMode" [trueValue]="Y"&gt;&lt;/my-checkbox&gt;
  </code></pre>
  
  <p>If I send <code>true</code> or <code>"1"</code> into <code>trueValue</code> it works, but If I send  <code>"Y"</code> or <code>"YES"</code>, it does not work. So I am forced to use attribute binding. I don't know what is the problem.</p>
  
  <p>I have changed it, into the following:</p>
  
  <pre><code>&lt;my-checkbox [(ngModel)]="chkItems" [disabled]="!editMode" trueValue="Y"&gt;&lt;/my-checkbox&gt;
  </code></pre>
  
  <p>Thanks in advance</p>