Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

243
Views
¿Cómo pasar datos de app.component.ts a su app.module.ts en Angular?

Debido a los requisitos del proyecto, necesito enviar el valor de datos dataOne en app.component.ts a su app.module.ts para poder almacenarlo en la variable moduleValue . Consulte el código a continuación y sugiera cómo puede lograr esta transferencia de datos dentro de los archivos.

aplicación.componente.ts

 import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'formcheck'; dataOne: any; getValues(val: any) { console.warn(val); this.dataOne = val; } }

aplicación.módulo.ts

 import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; let moduleValue: any; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule, FormsModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule {} }
about 4 years ago · Santiago Trujillo
2 answers
Answer question

0

Sin embargo, le sugiero que declare una variable o un observable en un servicio, dado que mencionó que necesita hacer esto dentro de los mismos archivos, es posible que desee exportar una variable de su componente e importarla a su módulo de la siguiente manera:

aplicación.componente.ts

 export class AppComponent { title = 'formcheck'; dataOne: any; getValues(val: any) { console.warn(val); this.dataOne = val; DATA = this.dataOne; } } export var DATA = '';

aplicación.módulo.ts

 import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { DATA } from './app.component'; let moduleValue: any; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, AppRoutingModule, FormsModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule {} }
about 4 years ago · Santiago Trujillo Report

0

Aquí está la solución usando el servicio, usé BehaviorSubject para la actualización dinámica de valor.

https://stackblitz.com/edit/angular-9pitmh?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.module.ts,src%2Fapp% 2Fdata.service.ts,src%2Fapp%2Fhello.component.ts

about 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!