<md-dialog>
    <form ng-cloak>

        <md-toolbar>
            <div class="md-toolbar-tools">
                <h2>Create Broker</h2>
            </div>
        </md-toolbar>

        <md-dialog-content>
            <div class="md-dialog-content">

                <!-- we are using ng-model to bind this view and the 'product model -->
                <md-input-container class="md-block">
                    <label>Broker ID</label>
                    <input ng-model="broker_id">
                </md-input-container>

                <md-input-container class="md-block">
                    <label>Brokerage</label>
                    <input ng-model="brokerage">
                </md-input-container>

            </div>
        </md-dialog-content>

        <md-dialog-actions layout="row">
            <md-button ng-click="cancel()">Cancel</md-button>
            <md-button ng-click="createBroker()" class="md-primary">Create</md-button>
        </md-dialog-actions>
    </form>
</md-dialog>