$event não funciona

Estou tentando desabilitar a ação default do submit, mas nao consigo, segue o código:

export class CadastroComponent { 
    foto: FotoComponent = new FotoComponent();

    cadastar(event){
        event.preventDefault();
        console.log(this.foto);
    }

}

form:

<form class="row" (submit)="cadastrar($event)">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Título</label>
                    <input class="form-control"  autocomplete="off">    
                </div>
                <div class="form-group">
                    <label>URL</label>
                    <input class="form-control"  autocomplete="off">
                </div>
                <div class="form-group">
                    <label>Descrição</label>
                    <textarea class="form-control"  autocomplete="off">
                    </textarea>
                </div>

                <button type="submit" class="btn btn-primary">
                    Salvar
                </button>
                 <a [routerLink]="['']" class="btn btn-primary">Voltar</a>
                <hr>
            </div>
        </form>