meanjs/04-tres-vistas-y-un-controlador-spa1/nuevo.html

<section name="nuevoMovimiento" class="row-fluid">
    <form class="form-horizontal text-left">
        <fieldset>
            <div id="legend">
                <legend class="">Introduce tus movimientos</legend>
            </div>
            <div class="row-fluid">
                <div class="col-xs-12 col-sm-6">
                    <div class="control-group">
                        <label class="control-label" for="tipo">Tipo</label>
                        <div class="controls">
                            <div class="btn-group">
                                <button type="button" class="btn btn-success" ng-class="{'active':caja.nuevoMovimiento.esIngreso}" ng-click="caja.nuevoMovimiento.esIngreso=1; caja.nuevoMovimiento.esGasto=0">
                                    <span ng-class="{'small':caja.nuevoMovimiento.esGasto}">+ Ingreso</span>
                                </button>
                                <button type="button" class="btn btn-danger" ng-class="{'active':caja.nuevoMovimiento.esGasto}" ng-click="caja.nuevoMovimiento.esIngreso=0; caja.nuevoMovimiento.esGasto=1">
                                    <span ng-class="{'small':caja.nuevoMovimiento.esIngreso}">- Gasto</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="categ">Categoría</label>
                        <div class="controls">
                            <select ng-show="caja.nuevoMovimiento.esIngreso" name="categoria" ng-model="caja.nuevoMovimiento.categoria" ng-options="categoria for categoria in caja.maestros.categoriasIngresos"></select>
                            <select ng-show="caja.nuevoMovimiento.esGasto" name="categoria" ng-model="caja.nuevoMovimiento.categoria" ng-options="categoria for categoria in caja.maestros.categoriasGastos"></select>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6">
                    <div class="control-group">
                        <label class="control-label" for="fecha">Fecha</label>
                        <div class="controls">
                            <input type="date" name="fecha" placeholder="" class="input" ng-model="caja.nuevoMovimiento.fecha">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="importe">Importe</label>
                        <div class="controls">
                            <input type="number" name="importe" placeholder="" class="input" ng-model="caja.nuevoMovimiento.importe">
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-right">
                <button style="margin-top: 20px" type="button" class="btn btn-lg btn-primary" ng-click="caja.guardarMovimiento()">
                    <span>Guardar {{ caja.tipo(caja.nuevoMovimiento) }}</span>
                </button>
            </div>
        </fieldset>
    </form>
    	{{caja.movimientos}}
</section>