como passar dados para modal Angular ng-bootstrap para ligação

Jiping Publicado em Dev

234

Jiping

Cenário:

ChildComponent - tendo muitos elementos de ligação ngModel. ;
ParentComponent - btn.onClick = function () {this.bsModalRef = this.modalService.open (ChildComponent, TryToPassDataModel);} Isso funciona no ngx-bootstrap, mas como implementar isso no nb-bootstrap? (parece uma ideia tão simples)

user3220633

Parece que você não está usando a API corretamente. O plugin espera que os parâmetros sejam passados como @Input (). Algo assim funcionaria:

const modalRef = this.modalService.open(NgbdModalContent);
modalRef.componentInstance.name = 'World';

Certifique-se de adicionar um @Input para seu modelo no componente ModalContent!

Veja a documentação para mais informações: https://ng-bootstrap.github.io/#/components/modal/examples

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em2020-11-22

deixe-me dizer algumas palavras

0comentários

loginDepois de participar da revisão

Postagem anterior:correspondência de dois índices de dataframe por mês

Artigos relacionados

Angular 2 ng-bootstrap Modal: Como passar dados para o componente de entrada

Como passar o componente modal de dados para o componente pai usando o ng-bootstrap no angular 4

Como passar dados da lista AngularJS para o modal Bootstrap?

Como passar dados para o controlador usando modal ui angular?

Como faço para passar os dados variáveis do PHP While Loop para Bootstrap Modal?

Como passar dados para o modal ng2-bs3?

Modal Ngx-bootstrap: como passar dados para o modal component.ts em vez de para o modelo html?

Como passar os dados do formulário do Bootstrap Modal para o controlador Spring Boot

Como passar os dados de uma linha selecionada para o modal de bootstrap

passar dados para bootstrap modal de javascript

Como passar dados do componente para o modal ngBootstrap no Angular 7?

Como passar dados do modal para o componente angular de chamada?

Como passar dados para Modal ionic 2

Como passar um resultado do modal do angular-ui-bootstrap para o pai sem fechar?

Como passar id para o modal de bootstrap?

Como passar dados para o componente com ligação unilateral apenas / sem ligação em brasa?

Como passar dados do formulário do modal de bootstrap da interface do usuário angular para visualizar

como passar os respectivos detalhes do item para um modal ng2-bootstrap?

Como posso passar e receber dados de / para um modal ngx-bootstrap?

Como passar dados do componente filho para o pai [Angular]

Como passar dados do componente angular filho para o pai

Como passar dados para assinante no Angular

Como passar dados para assinante no Angular

Como passar o valor da tabela para o modal de bootstrap para o PHP?

Como faço para passar os dados alterados para um modal?

Como usar o modal de bootstrap para atualizar os dados?

Passe dados para bootstrap modal no angular 6

No Angular 8, como passar dados dinâmicos de um observável para um diálogo modal?

No Angular 8, como passar dados dinâmicos de um observável para um diálogo modal?

TOP lista

artigo

quentelabel

Arquivo