1つのコンポーネントから2つ、次に3つにデータをエクスポートする方法は?
product-list.component.ts
コンポーネントにデータオブジェクトがあります:
export class ProduktListComponent implements OnInit {
productList = {};
constructor(){}
ngOnInit() {}
getProdukt(){
// ..
this.productList= data; // this is an object
}
}
それはに含まれていproduct.component.html
ます:
<!-- code -->
<app-product-list [hidden]='!hideList'></app-product-list>
<app-edit-product [hidden]='!hideEditt'></app-edit-product>
コンポーネントapp-edit-product
からにデータを転送する方法はapp-product-list
?したがって、app-product-list
コンポーネントからデータをに渡しますapp-edit-product
ご助力ありがとうございます
あなたがしなければならないのは、サービスを作成し、を使用BehaviorSubject
して両方のコンポーネントに挿入し、入力値をサービスセッターに割り当て、他のコンポーネントで観察可能としてアクセスすることだけです。
export class EditProductComponent implements OnInit {
list = []
constructor(private storeService: StoreService) {}
ngOnInit(){
this.storeService.list$.subscribe(list => this.list = list)
}
}
export class ProductListComponent implements OnInit {
list = [1, 2, 3, 4, 5, 5]
constructor(private storeService: StoreService) {}
ngOnInit(){
this.storeService.list = this.list
}
}
@Injectable({
providedIn: 'root',
})
export class StoreService {
private listSoruce = new BehaviorSubject<any>(null);
public list$ = this.listSoruce.asObservable();
set list(v){ this.listSoruce.next(v)}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加