Actualmente tengo una aplicación hecha con angular 8 y tengo definido un listado de contantes para los nombres de los botones de la siguiente forma
export const Botones = {
okCrear: 'Crear',
okActualizar: 'Actualizar',
okEnviar: 'Terminar',
cancelar: 'Cancelar',
regresar: 'Regresar',
limpiar: 'Limpiar campos'
};
Actualmente accedo a dichas contantes refiriéndolas desde el .ts de la siguiente forma:
import { Componentes, Iconos, Botones, IconosBotones } from 'src/app/_constantes/ui.constants';
export class MyComponente {
componentes = Componentes;
iconos = Iconos;
botones = Botones;
iconosBotones = IconosBotones;
}
y desde el html las accedo así:
<div class="form-action-buttons">
<button type="button" color="accent" mat-raised-button (click)="navegarLista()">
<mat-icon>{{iconosBotones.regresar}}</mat-icon> {{botones.regresar}}
</button>
<button type="button" type="button" color="warn" mat-raised-button (click)="limpiarFormulario()">
<mat-icon>{{iconosBotones.limpiar}}</mat-icon> {{botones.limpiar}}
</button>
<button color="primary" mat-raised-button type="submit" [disabled]="!form.valid">
<mat-icon>{{iconosBotones.okEnviar}}</mat-icon> {{botones.okEnviar}}
</button>
</div>
lo que quiero saber es si desde el html existe alguna forma de acceder directamente el valor de las constantes sin tener que referirlas desde el ts previamente