UIModel - adarshpastakia/aurelia-ui-framework GitHub Wiki

import {UIModel} from 'aurelia-ui-framework';
import {ValidationRules} from "aurelia-validation";

export class MyModel extends UIModel {

  firstName:string = '';
  lastName:string = '';

  age:number = 0;
  email:string = '';

  allowCalls:boolean = false;
  mobilePhone:string = '';

  constructor() {
    super();

    ValidationRules
      .ensure((m:MyModel)=>m.firstName)
      .required()
      .maxLength(49)
      .ensure(m=>m.lastName)
      .required()
      .maxLength(49)
      .ensure(m=>m.email)
      .required()
      .email()
      .ensure(m=>m.age)
      .required()
      .satisfiesRule('number', 18, 99)
      .withMessage('Must be over 18')
      .ensure(m=>m.mobilePhone)
      .required()
      .when(m => m.allowCalls)
      .satisfiesRule('phone')
      .on(this);

    this.observe('age', e=>this.handler(e));
  }

  post() {
    return this.httpClient.post('url', this.serialize());
  }
}

export class MyView {
  model;

  constructor() {
    this.model = new MyModel();
  }
}