多个组件中的对象服务* ngFor Angular

Question

我在服务中有以下对象。如何在多个组件中使用它？我想用@Configuration public class YourConfig{ @Value("${some.value.from.properties}") private String someValue; @Bean @Autowired public YourBean yourBean(TheDependency theDependency){ YourBean bean = new YourBean(); bean.setTheDependency(theDependency); bean.setSomeValue(someValue); return bean; } } 打电话给他们使用它们。或者在任何情况下，正确的方法是什么？。

数据-paquetes.service.ts

＆＃13;

＆＃13;

*ngFor

＆＃13;

＆＃13;

＆＃13;

组件A.html

＆＃13;

＆＃13;

import { Injectable } from '@angular/core';

@Injectable()
export class DataPaquetesService {

	paquetes: Array<object>;
	
	constructor() {

		this.paquetes = [
			{ nombre: 'Nombre paquete 01', precio: '100' },
			{ nombre: 'Nombre paquete 02', precio: '200' },
			{ nombre: 'Nombre paquete 03', precio: '300' },
			{ nombre: 'Nombre paquete 04', precio: '400' },
			{ nombre: 'Nombre paquete 05', precio: '500' },
			{ nombre: 'Nombre paquete 06', precio: '600' },
			{ nombre: 'Nombre paquete 07', precio: '700' }

		]
	}

}

＆＃13;

＆＃13;

＆＃13;

组件B.html

＆＃13;

＆＃13;

<a class="dropdown-item" href="#" *ngFor = "let paquete of paquetes">{{ paquete.nombre }} / {{ paquete.precio | currency}}</a>

＆＃13;

＆＃13;

＆＃13;

Answer 1

import { Injectable } from '@angular/core';

@Injectable()
export class DataPaquetesService {

paquetes: Array<object>;

constructor() {

    this.paquetes = [
        { nombre: 'Nombre paquete 01', precio: '100' },
        { nombre: 'Nombre paquete 02', precio: '200' },
        { nombre: 'Nombre paquete 03', precio: '300' },
        { nombre: 'Nombre paquete 04', precio: '400' },
        { nombre: 'Nombre paquete 05', precio: '500' },
        { nombre: 'Nombre paquete 06', precio: '600' },
        { nombre: 'Nombre paquete 07', precio: '700' }

    ]
}
getPaquetes() {
   return this.paquetes;
 }
}

并在componentA.ts

中

  import {MyService} from '...';
  export class ComponentA {
   paquetes= [];

   constructor(private myService: MyService){}
   }
   this.paquetes = this.myService.getPaquets();

在componentB.ts

中

  import {MyService} from '...';
  export class ComponentB {
    paquetes= [];
   constructor(private myService: MyService){}
   }
   this.paquetes= this.myService.getPaquets();