Como passar dados de um componente para outro componente

Abedin.Zhuniqi

Quando clico para editar, posso editar, mas quando tento anexar um tipo ao pai, ele pega a informação do pai e não cria um novo VI.

Com diálogo angular fiz assim mas com componente que não conheço.

Isso é com diálogo

<div class="dropdown-menu-item" (click)="openValueItemEditDialog({valueItem: valueItem})">Edit</div>

Este é o TS

openValueItemEditDialog(editOptions: EditOptions) {
    this.dialog.open(ValueItemEditDialogComponent, {data: editOptions, disableClose: true});
  }

E este é o TS do diálogo

constructor(private store: Store<ApplicationState>, @Inject(MAT_DIALOG_DATA) public editOptions: EditOptions) {

  }

  ngOnInit() {  

     if (this.editOptions.valueItem) {
          this.editedValueItem = _.cloneDeep(this.editOptions.valueItem);
        } else {
          this.editedValueItem = emptyValueItem();
        }

export interface EditOptions {

      valueItem?: ValueItem;
      appendToParentId?: string;
      planning?: number;
    }

Mas sem diálogo não sei como passar os dados

   showChild = false

       edit(editOptions: EditViOptions) {
  this.showChild = !this.showChild;
  if (editOptions.valueItem) {
    return editOptions.valueItem;
  } else if (editOptions.appendToParentId) {
    return editOptions.appendToParentId;
  }
  this.activeSelected = this.valueItem.id;
} //this open and closes the component

    }

Esta é a linha da matriz Html of Service

<app-edit-dialog-vi [showMePartially]="showChild"></app-edit-dialog-vi>


 <div *ngIf="valueItem.level < 7" class="dropdown-menu-item" (click)="edit({appendToParentId: valueItem})">Append2</div>

Aqui está o edit-dialog-vi

<div *ngIf="showMePartially" class="container">
</div>

No construtor não sei o que escrever

Este é o arquivo TS e a interface que criei para a caixa de diálogo Editar vi

  constructor(private store: Store<ApplicationState>, public editOptions: ServiceMatrixRowComponent) { }

  ngOnInit() {
if (this.editOptions.valueItem) {
  this.editedValueItem = _.cloneDeep(this.editOptions.valueItem);
  console.log(this.editedValueItem, '***');
} else {
  this.editedValueItem = emptyValueItem();

}

    export interface EditViOptions {
      valueItem?: ValueItem;
      appendToParentId?: string;
      planning?: number;
    }
Faflo10

Não sei se entendi bem sua pergunta, mas você pode tentar isto:

ParentHtml

<app-edit-dialog-vi [data]="dataToPass" [showMePartially]="showChild"></app-edit-dialog-vi>
 <div class="dropdown-menu-item" (click)="edit(valueItem.level < 7 ? {appendToParentId: valueItem.id} : {valueItem: valueItem})">Edit2</div>

Pai Ts

Adicione uma propriedade dataToPass e defina-a com os dados que deseja enviar ao filho.

showChild = false;    
dataToPass: EditViOptions = null;

edit(editOptions: EditViOptions) {
  this.showChild = !this.showChild;
  if (editOptions.valueItem || editOptions.appendToParentId) {
    this.dataToPass = editOptions;
  }
  this.activeSelected = editOptions.valueItem.id;
}

Criança Ts

Adicione uma entrada nomeada datapara obter os dados enviados:

@Input() showMePartially = false;
@Input() data: EditViOptions = null;

constructor(private store: Store<ApplicationState>, public editOptions: ServiceMatrixRowComponent) { }

ngOnInit() {
  if (this.data.valueItem || this.data.appendToParentId) {
    this.editedValueItem = _.cloneDeep(this.data.valueItem);
    console.log(this.editedValueItem, '***');
  } else {
    this.editedValueItem = emptyValueItem();
  }

export interface EditViOptions {
  valueItem?: ValueItem;
  appendToParentId?: string;
  planning?: number;
}

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

Como passar dados de um componente para outro componente

Como passar dados de um componente para outro ReactJS

ReactJs: Como passar dados de um componente para outro?

Como passar dados de um componente para outro no arquivo ts?

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?

Passar dados API de um componente para outro componente?

como passar dados de um componente para outro componente no angular 2?

Como passar dados de um componente para outro componente em reactJs usando mapa?

Como posso passar dados de um componente para outro componente no vue?

React Native - como passar dados para o componente que é um atributo dentro de outro componente

Como posso passar dados de linha clicada de um componente para outro componente sem passar para o url

Como posso passar dados de linha clicada de um componente para outro componente sem passar para o url

React - Como posso passar dados API de um componente para outro em um arquivo js diferente?

React - Como posso passar dados API de um componente para outro em um arquivo js diferente?

Como posso passar dados de um componente para outro para editar o formulário?

Como passar dados de um componente para outro por meio de uma função no ReactJS?

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

Como passar dados de um componente para outro no React ou React-Redux?

Vue JS 3: Como passar dados de um componente para outro?

Como passar dados estáticos de um componente para outro no React?

Como passar adereços de um componente filho para outro componente filho usando o componente pai

Como passar adereços de um componente filho para outro componente filho usando o componente pai

Como passar parâmetros de um componente para outro

Como passar a variável de um componente para outro

Angular 6 Como passar a matriz de um componente para outro

Passar dados de um componente para o serviço e depois para outro componente

passar dados de um componente de reação para outro componente que está em rotas diferentes

como passar um objeto de um componente para outro para construir um modelo de dados no angular2?

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