title: Should i create multiple services for multiple variables?
body: <p>In Angular 7, I'm creating a component that has many radio button groups. The values of each of these groups are coming from a database. Should I create 1 service to fetch all the values (although they are all independent of each other and have different structures) or should I create a service for each radio button group?</p>
  
  <pre><code>import { Component, OnInit, Input } from '@angular/core';
  
  @Component({
    selector: 'app-settings',
    template: '
  
    &lt;mat-radio-group [(ngModel)]="dropdown1"&gt;
      &lt;mat-radio-button *ngFor="let c of dd1" [value]="c.id"&gt; 
        {{c.description}}
      &lt;/mat-radio-button&gt;
    &lt;/mat-radio-group&gt;
  
    &lt;mat-radio-group [(ngModel)]="dropdown2"&gt;
      &lt;mat-radio-button *ngFor="let c of dd2" [value]="c.id"&gt; 
        {{c.description}}
      &lt;/mat-radio-button&gt;
    &lt;/mat-radio-group&gt;
  
    [...]
  
    ',
    styleUrls: ['./settings.component.css']
  })
  export class FtpSettingsComponent implements OnInit {
  
    @Input() dropdown1: string;
    @Input() dropdown2: string;
    @Input() dropdown3: string;
  
    dd1: Array&lt;{id: number, description: string}&gt; = [...];
    dd2: Array&lt;{id: number, description: string}&gt; = [...];
  
    [...]
  
  }
  </code></pre>