23/11/2017 Development / angular

No projeto da Odete, eu estava implementando um esquema para abrir o modal quando o usuário clicasse no cadeado.

Esse cadeado fica dentro de um componente chamado perfil. E aqui eu posto a minha solução.

Na minha classe perfil, eu coloquei mais um component

@Component({

selector: 'app-modal-content',

moduleId: module.id,

templateUrl: './perfil.cadastroConfiavel.modal.html'

})

export class ModalContentComponent {

constructor(public bsModalRef: BsModalRef) {}

}

dentro da minha classe perfil, fiz o metodo que chama o modal

export class PerfilComponent implements OnInit {

 

@Input('model') model;

public modalRef: BsModalRef;

 

constructor(private service: ColaboradorService, private modalService: BsModalService) { }

openModal() {

this.modalRef = this.modalService.show(ModalContentComponent);

}

Aqui esta o pulo do gato. No app.module.ts tem que importar

import { PerfilComponent, ModalContentComponent } from './perfil/perfil.component';

e no ngModule

@NgModule({

declarations: [

PerfilComponent,

ModalContentComponent

],

entryComponents: [ ModalContentComponent ],

Thats Great!