mapping.dangerous.ts

@Component({
  selector: 'some-component',
  template: `
    <div>
      <dropdown-component [options]="weightUnits"></dropdown-component>
      <input type="text" placeholder="Price">
      <dropdown-component [options]="slashedWeightUnits"></dropdown-component>
      <-- Now this one's labels  will be preceded with a slash -->
    </div>
`
})
export class SomeComponent {
  public weightUnits = [{value: 1, label: 'kg'}, {value: 2, label: 'oz'}];
  public get slashedWeightUnits() {
    return this.weightUnits.map(weightUnit => {
      return { 
        label: '/' + weightUnit.label,
        value: weightUnit.value
      };
    })
  }
  // so now we map existing weight units to a new array
}