Validation not working without bindings from the Template

[arggh]

ViewModel validation seems to be usable only from the template by using VM bindings, like so:

Template.comp.viewmodel({
  field: ViewModel.property.string.notBlank
});

<span {{b "if: field.invalid"}}>your field has errors</span>

But this doesn't work:

Template.comp.viewmodel({
  field: ViewModel.property.string.notBlank
  hasErrors() {
    return this.field.invalid();
  }
});

{{#if hasErrors}}<span>your field has errors</span>

This makes it really hard to use ViewModel validation in components, for example, if I have a TextBox component that accepts hasErrors as a prop.

Reproduction: https://github.com/arggh/viewmodel-validation-issue

[ManuelDeLeon]

This seems to be an issue with the else if not VM, it works if you do something like:

{{#if isValidating}}
  <div>Validating</div> 
{{/if}} 
{{#if nameIsValid}}
  <div>Name is valid</div> 
{{/if}} 
{{#if nameIsInvalid}}
  <div>Name is not valid, minimum 5 chars</div> 
{{/if}}

If VM wasn't "reporting" the changes to Tracker the if's wouldn't update as necessary.