como passar dados para folha de fundo de material angular

Newbiiiie

Eu uso Angular Material e Angular 6. Eu trabalho muito com diálogos de materiais e faço assim:

openDialog3(key : string): void {
  let dialogRef = this.dialog.open(PPSDialogRemoveComponent, {width: '1000px'}); 
  dialogRef.componentInstance.key = key;
}

Agora eu quero trabalhar com folha de fundo de material angular. Para passar a chave, para o meu componente inferior, tento o seguinte:

  openBottomSheet(key: string): void {
    let dialogRef = this.bottomSheet.open(BottomSheetOverviewExampleSheet);
    dialogRef.componentInstance.key = key;
}

Mas eu tenho esse erro

ERRO em src / app / geo / geo.component.ts (568,15): erro TS2339: A propriedade 'componen Instance' não existe no tipo 'MatBottomSheetRef'.

Obrigado pela ajuda

Suresh Kumar Ariya

A propriedade componentInstance será aplicável apenas a componentes dinâmicos que foram criados usando o método ComponentFactoryResolver e inseridos no DOM usando ViewContainerRef.

De acordo com o Angular Material Doc, dialog.open retorna referências do pop-up do modelo. https://material.angular.io/components/dialog/api

Este artigo é coletado da Internet.

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

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Folha de fundo Angular Material, dificuldade em passar uma variável como dados

Como passar dados para diálogo de material angular 2

como obter dados de folha de fundo modal em flutter?

Qual material devo usar para criar folha de fundo no iOS

Como passar dados da classe do adaptador para o fragmento de diálogo da folha inferior

Como navegar da folha de fundo para a atividade

Como passar dados json para a variável de classe no Angular?

Como passar dados para $ mdDialog em material angular

Como passar dados para $ mdDialog em material angular

Angular: como passar dados de um componente para outro componente sem passar por HTML?

Angular: como passar dados de um componente para outro componente sem passar por HTML?

como passar dados de php para javascript

Como passar dados de @extends para @yield?

Como passar dados de onCreate () para onSaveInstanceState ()?

Como passar dados de Activity para DialogFragment

Material angular: como alterar a cor de fundo para o caminho do girador de esteira

Material angular: como alterar a cor de fundo para o caminho do girador de esteira

Como mudar o scrim para invisível no fragmento de diálogo da folha de fundo?

Como passar de dados de assinatura para dados transacionais no Tableau?

Como faço para passar dois objetos da forma de folha timbrado para o Spring Controller?

Como redefinir / atualizar os dados do corpo da guia em Angular Material se o usuário passar de uma guia para outra?

PreloadJS para passar para a imagem de fundo

Como passar dados assíncronos como uma matriz de objetos para o componente filho - angular 6

Como passar dados recebidos de dataService de pai para filho em Angular2

Como passar dados de uma página para outra no aplicativo de página única no angular

Como passar dados de serviço de um componente para outro no Angular 5

Tabela de Material Angular como passar o objeto para as colunas exibidas em vez da matriz

Dados de referência da folha um para a folha 2

Crie um pano de fundo do Material Design para Angular

TOP lista

  1. 1

    Obtendo apenas o número de uma String C #

  2. 2

    como acessar a conexão do banco de dados em visualizações no codeigniter 4

  3. 3

    Como redimensionar tabelas geradas pelo Stargazer no R Markdown?

  4. 4

    recuperar valores em uma linha de dataframes com base no valor em outro

  5. 5

    Firebase Storage Web: como fazer upload de um arquivo

  6. 6

    为什么在使用argc和argv时不会出现分段错误?

  7. 7

    Como agrupar objetos em uma lista em outras listas por atributo usando streams e Java 8?

  8. 8

    Qual é a diferença entre o tamanho do passo e a taxa de aprendizado no aprendizado de máquina?

  9. 9

    Por que definir a variável como uma string vazia não é necessária em meu código?

  10. 10

    Insert a value to hidden input Laravel Blade

  11. 11

    Configure o coletor de arquivos Serilog para usar um arquivo de log por execução do aplicativo

  12. 12

    Como ler arquivos yaml em laravel?

  13. 13

    Série Fibonacci usando programação dinâmica

  14. 14

    Como adicionar elementos a um array multidimensional em PHP?

  15. 15

    How do I set an IronPython ctypes c_char_p pointer to an absolute address that is not a valid memory address to read from?

  16. 16

    Por que meus intervalos de confiança de 95% da minha regressão multivariada estão sendo plotados como uma linha de loess?

  17. 17

    Como faço para que um formulário no Access se torne uma janela pop-up?

  18. 18

    Como anexar um arquivo a um e-mail usando JavaMail

  19. 19

    Adicionar campos de texto dinâmicos por meio da seleção suspensa de componentes?

  20. 20

    如何使用SOM算法进行分类预测

  21. 21

    TypeError não capturado: não é possível atribuir a propriedade somente leitura

quentelabel

Arquivo