title: NativeScript MaskedInput databinding
body: <p>I am trying to use the MaskedInput widget (<a href="https://github.com/bthurlow/nativescript-maskedinput" rel="nofollow">https://github.com/bthurlow/nativescript-maskedinput</a>) and I am having trouble getting the databinding to work.  Here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;mi:MaskedInput mask="999 999 9999" placeholder="_" text="{{ customer.homephone }}" color="#a8b4b9" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The above snippet does not display the phone number initially.  I am positive the customer.homephone has value in it because</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;TextField text="{{ customer.homephone, customer.homephone | phoneConverter() }}" class="value bold" /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>displays it correctly.  If I replace the text property of the MaskedInput with a hard-coded value, the value is displayed.  It seems to me that there is something going on with the databinding.  Am I missing something here?</p>
  
  <p>Any ideas are highly appreciated.</p>
  
  <p>Thank you.</p>