script.js

var that = this;

this.myForm = this.FormBuilder.group({
    username: ["", this.Validators.required],
    password: ["", this.Validators.required],
    bio: ["", this.Validators.required],
});

this.create = function() {
    console.log("VALUES", that.myForm.valid, that.myForm.value);
};

template.mustache

{{=<% %>=}}
<form ion-list [formGroup]="myForm" (ngSubmit)="create()">
    <ion-item text-wrap>
        <ion-label stacked core-mark-required="true">{{ 'core.login.username' | translate }}</ion-label>
        <ion-input type="text" name="username" placeholder="{{ 'core.login.username' | translate }}" formControlName="username" autocapitalize="none" autocorrect="off"></ion-input>
        <core-input-errors item-content [control]="myForm.controls.username"></core-input-errors>
    </ion-item>
    <ion-item text-wrap>
        <ion-label stacked core-mark-required="true">{{ 'core.login.password' | translate }}</ion-label>
        <core-show-password item-content [name]="'password'">
            <ion-input type="password" name="password" placeholder="{{ 'core.login.password' | translate }}" formControlName="password" [clearOnEdit]="false"></ion-input>
        </core-show-password>
        <core-input-errors item-content [control]="myForm.controls.password"></core-input-errors>
    </ion-item>
    <ion-item text-wrap>
        <ion-label stacked>
            <span core-mark-required="true">Bio</span>
            <core-input-errors [control]="myForm.controls.bio"></core-input-errors>
        </ion-label>
        <core-rich-text-editor item-content [control]="myForm.controls.bio"></core-rich-text-editor>
    </ion-item>
    <ion-item padding>
        <button ion-button block color="primary" type="submit">{{ 'core.login.createaccount' | translate }}</button>
    </ion-item>
</form>