starter-angular-material/app/views/pkguidedit.html

<div layout="column" ng-cloak class="md-inline-form" angular-busy="appUtils.cgBusy('pkguid.edit')">
    <md-content layout-padding>
        <form name="editForm">
            <div layout-gt-sm="row">
                <md-input-container class="md-block" flex-gt-sm>
                    <label>{{ 'pkguid.someText' | translate }}</label>
                    <input required ng-model="pkguid.someText">
                </md-input-container>

                <md-input-container class="md-block" flex-gt-sm>
                    <label>{{ 'pkguid.someInt' | translate }}</label>
                    <input required type="number" ng-model="pkguid.someInt">
                </md-input-container>
            </div>
            <div flex>
                <md-progress-linear ng-disabled="!running" md-mode="indeterminate"></md-progress-linear>
            </div>
            <div layout="row" layout-align="space-between center">
                <md-button class="md-raised md-primary" type="submit" ng-click="!editForm.$invalid && submit()">{{ 'common.save' | translate }}</md-button>
                <md-button class="md-warn md-icon-button" ng-show="pkguid.id != null" ng-click="askRemoveOne(pkguid)" title="{{ 'common.delete' | translate }}">
                    <md-icon class="material-icons">delete</md-icon>
                </md-button>
            </div>
            <div ng-repeat="error in busy.errors('pkguid.edit')" class="isa_error">
                <i class="fa fa-times-circle"></i>
                {{ error.data.message }}
            </div>
        </form>
    </md-content>
</div>