Kupeleka Data kwa Setter ya Sehemu Ndogo katika Angular

Inawezekana kufanya ili data kutoka kwa sehemu mzazi ifike kwenye setter ya mali ya faragha. Hebu tuangalie kwa mfano. Hebu tuchukulie tuna mali ya faragha na setter na getter:

app/user/user.component.tsclass UserComponent {
  private _name: string = '';
  
  set name(name: string) {
    if (name.length < 3) {
      this._name = name;
    } else {
      console.log('error');
    }
  }
  
  get age() {
    return this._userAge;
  }
}

Kwa mfano hebu tufanye setter ya umri, ambayo tutatekeleza ukaguzi wa data iliyopeanwa. Pia tufanye getter kwa ajili ya kuonyesha sifa za mtumiaji:

app/user/user.component.tsclass UserComponent {
  private _name: string = '';
  
  @Input()
  set name(name: string) {
    if (name.length > 3) {
      this._name = name;
    } else {
      console.log('error');
    }
  }
  
  get name() {
    return this._name;
  }
}

Sasa tupeleke data kutoka kwa sehemu mzazi kwenda kwenye sehemu ndogo:

app/app.component.html<user-data name="john"></user-data>

Na kwenye sehemu ndogo tuonyeshe jina liliyopeanwa kwenye skrini:

app/user/user.component.html<p>{{ name }}</p>