Как получить доступ к глобальным переменным, назначенным в одной функции в другой функции в угловых - PullRequest
Новая
       26

Как получить доступ к глобальным переменным, назначенным в одной функции в другой функции в угловых

0 голосов
/ 19 сентября 2019

Я новичок в angular.

У меня есть файл form-control.component.ts, в котором я объявил эти 3 переменные глобально 

 name1:any;
 pw :any';
 g :any;

эти 3 переменные, которые я использовал водна функция 

displayAccountInfo(account:Account)
{
 this.name1=account.name;
 this.pw=account.password;
 this.g=account.gender;
}

Я хочу отобразить значение этих 3 переменных в функции ClickMe () 

result:string;

ClickMe():void {
  this.result =' *saved dataItems:  ' + this.name1 +this.pw +this.g ;
}

, но я получаю эти выходные данные 

 *saved dataItems: undefined undefined undefined

Iдолжны отобразить значения, которые присваиваются этим переменным в функции displayAccountInfo ()

Я вызвал displayAccountInfo () в методе сохранения 

 Save():void{
 let account:Account=this.registerform.value;
 account.languages=this.checkedList;
 this.displayAccountInfo(account);

}

И это весь файл 

import { Component, OnInit } from '@angular/core';
import {Account}  from './account.entity'
import { FormGroup, FormBuilder, FormControl } from '@angular/forms';

 @Component({
 selector: 'app-form-control',
 templateUrl: './form-control.component.html',
 styleUrls: ['./form-control.component.css']
})
export class FormControlComponent implements OnInit {

genders:any;
languages:any;
registerform:FormGroup;
checkedList:string[];
certificates:any;

name1:any;
pw :any;
g :any;

constructor(
 private formbuilder:FormBuilder) {  }

 ngOnInit() {

      this.checkedList=[];

      this.certificates=[
        {value:'c1' ,display: 'Microsoft'},
        {value:'c2' ,display: 'Oracle'},
        {value:'c3' ,display: 'Angular'},
        {value:'c4' ,display: 'Java'},
      ];

      this.genders=[
        {value:'F' ,display:'Female'},
        {value:'M' ,display:'Male'}
      ];

      this.languages=[
        {id:'1' ,name:'C#'},
        {id:'2' ,name:'Java'},
        {id:'3' ,name:'typescript'},
        {id:'4' ,name:'Html'}
      ];

    this.registerform=this.formbuilder.group({
        name:'',
        password:'',
        gender:this.genders[0].value,
        languages:[],
        certificates:[]
    });


  }

Save():void{
 let account:Account=this.registerform.value;
 account.languages=this.checkedList;
 this.displayAccountInfo(account);

}

displayAccountInfo(account:Account)
{
 this.name1=account.name;
 this.pw=account.password;
 this.g=account.gender;

  for(var i=0; i< account.languages.length; i++)
  {
    var lang=account.languages[i];
  }

  for(var j=0; j< account.certificates.length; j++)
  {
    var cer=account.certificates[i];
  }

 }

 Checkboxchange(option,event)
{
if(event.target.checked)
{
  this.checkedList.push(option.id);
}
else
{
  for(var i=0;i<this.languages.length;i++)
  {
      if(this.checkedList[i]==option.id)
      {
        this.checkedList.splice(i,1);
      }
  }
} 
}


result:string;

ClickMe():void {
  this.result =' *saved dataItems:  ' + this.name1 +this.pw +this.g ;
 }


}

Ответы [ 2 ]

1 голос
/ 19 сентября 2019

Просто создайте formcontrol.ts как следует 

export var formcontrol = {
  name1: 'name',
  pw: 'pw',
  g: 'gender',

И затем вы можете просто импортировать его и использовать его 

import { formcontrol } from 'your/path/formcontrol';

displayAccountInfo(account:Account) {
 formcontrol.name1 = account.name;
 formcontrol.pw = account.password;
 formcontrol.g = account.gender;
}

Лично я бы не использовал его таким образом, чтобы создатьСлужба, которая будет обслуживать эти переменные для меня.
Здесь Вы можете узнать больше об услугах угловой

0 голосов
/ 19 сентября 2019

Присвоение значений по умолчанию глобальным переменным 

 name1:any = '';
 pw :any = '';
 g :any = '';
...