將數據傳遞給 Angular 中的其他頁面/組件

Question

我的 html 文件中有如下用戶輸入：

<div class="form-group col-md-4">
  <label for="btsIp"><strong>BTS IP:</strong></label> <input ngModel type="text"
    name="btsIp" class="form-control" id="btsIp" (blur)="onChange()" [(ngModel)]="btsIp">
</div>

在我的component.ts我將它用作btsIp: any並在我的請求中傳遞它

let Data = {
  "btsIp": this.btsIp
}

這是工作正常。 但我想將此btsIp值傳遞給另一個page/Component ，在那里我需要再次調用請求，我需要傳遞相同的btsIp值。

大家可以幫忙嗎？

Answer 1

向其他頁面/組件傳遞數據，取決於它是父組件、兄弟組件還是不同路由中完全不相關的組件。

• 父組件：可以通過鈎住子組件的@Output來觸發父組件的功能。 或者您可以通過@ViewChild聲明訪問子組件的屬性。 閱讀更多： https : //angular.io/guide/component-interaction
• 兄弟組件：首先如上所述傳輸到父組件，然后通過子組件的@Input將數據從父組件傳遞到子組件。
• 不同路線中完全不同的頁面：您可以通過路線參數傳遞數據。 閱讀更多： https : //angular.io/guide/router

其他方法：如果您能負擔得起使用 NgRx（受 Angular 的 RxJs 支持的 Redux 啟發的狀態管理），一旦掌握了它，一切都會變得容易得多，但這是一個無法包含在此答案框中的其他重要主題。 更多信息請訪問https://github.com/ngrx/platform

Answer 2

創建一個新的 ts 文件，將其注入到您的模塊中，使用 get 和 set

  get IP (){
    return this.btsIp;
  }

  set IP (btsIp){
    this.btsIp= btsIp;
  }

希望它會有所幫助