btn-imagen
Version:
boton mostrando una imagen
93 lines (84 loc) • 11.5 kB
JavaScript
import * as i0 from '@angular/core';
import { Injectable, Component, NgModule } from '@angular/core';
import * as i1 from '@angular/platform-browser';
import * as i2 from '@angular/common';
import { CommonModule } from '@angular/common';
class BotonImagenService {
constructor() { }
}
BotonImagenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.3", ngImport: i0, type: BotonImagenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
BotonImagenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.3", ngImport: i0, type: BotonImagenService, providedIn: 'root' });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.3", ngImport: i0, type: BotonImagenService, decorators: [{
type: Injectable,
args: [{
providedIn: 'root'
}]
}], ctorParameters: function () { return []; } });
class BotonImagenComponent {
// img: string =
// 'data:image/jpeg;base64,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';
constructor(sanitizer) {
this.sanitizer = sanitizer;
this.mostrarImg = false;
}
ngOnInit() { }
onClick() {
this.mostrarImg = !this.mostrarImg;
// this.sanitizer.bypassSecurityTrustResourceUrl( this.img);
}
}
BotonImagenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.3", ngImport: i0, type: BotonImagenComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
BotonImagenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.3", type: BotonImagenComponent, selector: "boim-botonImagen", ngImport: i0, template: `
<div>
<button (click)="onClick()">Mostara Imagen</button>
<div *ngIf="mostrarImg">
<!-- <img class="mostrarImg" [src]="img" alt="" /> -->
<img class="mostrarImg" src="./assets/img/cod.svg" alt="" />
</div>
</div>
`, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.3", ngImport: i0, type: BotonImagenComponent, decorators: [{
type: Component,
args: [{
selector: 'boim-botonImagen',
template: `
<div>
<button (click)="onClick()">Mostara Imagen</button>
<div *ngIf="mostrarImg">
<!-- <img class="mostrarImg" [src]="img" alt="" /> -->
<img class="mostrarImg" src="./assets/img/cod.svg" alt="" />
</div>
</div>
`,
styles: [],
}]
}], ctorParameters: function () { return [{ type: i1.DomSanitizer }]; } });
class BotonImagenModule {
}
BotonImagenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.3", ngImport: i0, type: BotonImagenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
BotonImagenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.3", ngImport: i0, type: BotonImagenModule, declarations: [BotonImagenComponent], imports: [CommonModule], exports: [BotonImagenComponent] });
BotonImagenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.3", ngImport: i0, type: BotonImagenModule, imports: [[
CommonModule
]] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.3", ngImport: i0, type: BotonImagenModule, decorators: [{
type: NgModule,
args: [{
declarations: [
BotonImagenComponent
],
imports: [
CommonModule
],
exports: [
BotonImagenComponent
]
}]
}] });
/*
* Public API Surface of boton-imagen
*/
/**
* Generated bundle index. Do not edit.
*/
export { BotonImagenComponent, BotonImagenModule, BotonImagenService };
//# sourceMappingURL=btn-imagen.js.map